*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--auth-bg, linear-gradient(135deg, #ed722e, #f39b4b));min-height:100vh;display:flex;flex-direction:column;align-items:center}.auth-logo svg.auth-logo-svg{height:32px;width:auto;display:block}.auth-logo{position:fixed;top:2rem;left:2rem;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;z-index:10}.auth-container{background:#fff;border-radius:16px;padding:3rem;max-width:450px;width:90%;box-shadow:0 20px 60px #0000004d;margin:auto 0}.auth-title{font-size:1.8rem;color:#2d3436;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#666;text-align:center;margin-bottom:2rem;font-size:.95rem}.auth-error{background:#fff0f0;border-left:4px solid #e74c3c;padding:12px 16px;border-radius:8px;margin-bottom:1.5rem;font-size:13px;color:#c0392b;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:#2d3436;font-size:.95rem}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-label-row .form-label{margin-bottom:0}.form-control{width:100%;padding:.75rem;border:2px solid #f0f0f0;border-radius:8px;font-family:inherit;font-size:.95rem;transition:border-color .3s;background:#fafafa}.form-control:focus{outline:none;border-color:var(--auth-accent, #ed722e);background:#fff;box-shadow:0 0 0 3px #ed722e1a}.form-control.is-invalid{border-color:#e74c3c;background:#fff5f5}.invalid-feedback{font-size:12px;color:#e74c3c;margin-top:5px;display:flex;align-items:center;gap:4px}.forgot-password{font-size:.85rem;color:var(--auth-accent, #ed722e);text-decoration:none;font-weight:600}.forgot-password:hover{text-decoration:underline}.form-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;margin-bottom:.5rem}.form-check input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn-login{width:100%;padding:.9rem;background:var(--auth-btn-bg, linear-gradient(135deg, #ed722e, #f39b4b));color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;margin-top:1rem;font-family:inherit}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ed722e4d;opacity:.95}.auth-divider{display:flex;align-items:center;margin:2rem 0;color:#999}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ddd}.auth-divider-text{margin:0 1rem;font-size:.9rem}.oauth-buttons{display:flex;flex-direction:column;gap:1rem}.oauth-btn{width:100%;padding:.8rem;border:2px solid #f0f0f0;border-radius:8px;background:#fff;color:#2d3436;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:.9rem;font-family:inherit;text-decoration:none}.oauth-btn:hover{border-color:var(--auth-accent, #ed722e);background:#ed722e0a}.oauth-icon{font-size:1.2rem;width:20px;text-align:center}.auth-links{text-align:center;margin-top:1.5rem;color:#666;font-size:.9rem}.auth-links a{color:var(--auth-accent, #ed722e);text-decoration:none;font-weight:600}.auth-links a:hover{text-decoration:underline}.auth-link-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.auth-link-row a{font-size:.85rem;color:#888;text-decoration:none}.auth-link-row a:hover{color:var(--auth-accent, #ed722e)}@media(max-width:480px){.auth-container{padding:2rem 1.5rem;margin-top:3.5rem}.auth-title{font-size:1.5rem}.auth-logo{top:.75rem;left:.75rem;font-size:1.2rem;background:#ffffffeb;padding:4px 10px;border-radius:8px;box-shadow:0 2px 8px #00000014}.auth-logo img,.auth-logo svg.auth-logo-svg{height:22px!important;width:auto}.form-label-row{flex-direction:column;align-items:flex-start;gap:.25rem}}