:root{--primary-color: #004098;--primary-light: #e6f0ff;--secondary-color: #0076c0;--accent-color: #f39c12;--bg-home: #ffffff;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--text-main: #2c3e50;--text-muted: #7f8c8d;--border-light: #e0e6ed;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--border-radius: 8px;--transition: all .3s ease}*{box-sizing:border-box}body{margin:0;font-family:Outfit,Inter,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfdfe;color:var(--text-main);line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{color:var(--primary-color);font-weight:700;margin-top:0}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);border:none;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--primary-color)}.form-control{width:100%;padding:.8rem 1rem;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 4px var(--primary-light)}