@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*,*::before,*::after{box-sizing:border-box}body{font-family:'Inter', sans-serif;min-height:100svh;margin:0;display:flex;flex-direction:column;color:#1f2937;font-size:16px;overflow-x:hidden}a{text-decoration:none}input,button,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%}:root{--auth-blue: #2766af;--auth-blue-hover: #1f4f8c;--auth-border: #e6e7eb;--auth-bg: #fff;--auth-height: 48px;--radius: 10px;--auth-input-radius: calc(var(--radius) - 2px)}@-webkit-keyframes authFadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes authFadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes stepSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes stepSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes stepSlideBack{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes stepSlideBack{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.signup-main{display:flex;flex:1;width:100%;min-height:100svh}.auth-section{flex:1;display:flex;flex-direction:column;padding:2rem}.auth-top-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.auth-center{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-right{display:none;width:50%;background-color:var(--auth-blue);position:relative;overflow:hidden;flex-shrink:0}.auth-right-bg{position:absolute;inset:0;pointer-events:none}.auth-right-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:3rem;height:100%;box-sizing:border-box}.auth-right-headline{font-size:36px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-0.025em;margin:0 0 16px}.auth-right-sub{font-size:17px;color:rgba(255,255,255,0.75);line-height:1.6;letter-spacing:-0.01em;margin:0 0 44px;max-width:360px}.auth-features{display:flex;flex-direction:column;gap:28px}.auth-feature{display:flex;align-items:flex-start;gap:16px;opacity:0;-webkit-animation:authFadeIn 0.45s ease forwards;animation:authFadeIn 0.45s ease forwards}.auth-features .auth-feature:nth-child(1){-webkit-animation-delay:0ms;animation-delay:0ms}.auth-features .auth-feature:nth-child(2){-webkit-animation-delay:250ms;animation-delay:250ms}.auth-features .auth-feature:nth-child(3){-webkit-animation-delay:500ms;animation-delay:500ms}.auth-feature-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center}.auth-feature-title{font-size:17px;font-weight:600;color:#fff;letter-spacing:-0.01em;margin:0 0 4px}.auth-feature-desc{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.5;letter-spacing:0.005em;margin:0}.auth-card{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.auth-logo-img{height:40px;width:auto;display:block}.auth-lang-container{position:relative}.auth-lang-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:#6b7280;cursor:pointer;border:1px solid var(--auth-border);border-radius:8px;padding:7px 12px;background:transparent;line-height:1;height:36px;transition:color 0.15s ease, border-color 0.15s ease}.auth-lang-btn:hover{color:#1f2937;border-color:#9ca3af}.auth-lang-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;list-style:none;margin:0;padding:4px;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:200}.auth-lang-menu.is-open{display:block}.auth-lang-item{display:block;padding:6px 10px;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;white-space:nowrap}.auth-lang-item:hover{background:#f3f4f6;color:#111827}.auth-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;margin-top:8px}.auth-step-dots{display:flex;align-items:center}.auth-step-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;flex-shrink:0;transition:background 0.3s ease, transform 0.3s ease}.auth-step-dot.active{background:var(--auth-blue);transform:scale(1.375)}.auth-step-line{width:28px;height:2px;background:#e5e7eb;margin:0 5px;flex-shrink:0;transition:background 0.3s ease}.auth-step-line.active{background:var(--auth-blue)}.auth-back-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6b7280;background:none;border:none;padding:0;cursor:pointer;transition:color 0.15s ease}.auth-back-btn:hover{color:#374151}.auth-steps-wrapper{display:grid}.auth-step-panel{grid-area:1 / 1;width:100%}.auth-step-hidden{visibility:hidden;pointer-events:none}.auth-step-panel.anim-forward{-webkit-animation:stepSlideIn 0.22s ease forwards;animation:stepSlideIn 0.22s ease forwards}.auth-step-panel.anim-back{-webkit-animation:stepSlideBack 0.22s ease forwards;animation:stepSlideBack 0.22s ease forwards}.auth-title{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px;color:#111827}.auth-subtitle{font-size:15px;font-weight:400;color:#6b7280;margin:0 0 32px}.auth-field-group{display:flex;flex-direction:column;gap:8px}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-field{display:flex;flex-direction:column;width:100%;gap:16px}.auth-label{font-size:14px;font-weight:500;color:#374151;display:block;margin:0}.auth-input{width:100%;height:var(--auth-height);padding:0 14px;background:#fff;border:2px solid var(--auth-border);border-radius:var(--auth-input-radius);font-size:16px;color:#1f2937;outline:none;transition:border-color 0.15s ease, box-shadow 0.15s ease;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-input::-moz-placeholder{color:#9ca3af;font-size:15px}.auth-input:-ms-input-placeholder{color:#9ca3af;font-size:15px}.auth-input::placeholder{color:#9ca3af;font-size:15px}.auth-input:hover,.auth-input:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(39,102,175,0.1)}.auth-input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.auth-password-wrapper{position:relative}.auth-password-wrapper .auth-input{padding-right:3rem}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#9ca3af;display:flex;align-items:center;line-height:1;width:auto;height:auto}.auth-password-toggle:hover{color:#6b7280}.auth-hint{font-size:12px;color:#9ca3af;line-height:1.4;margin:0;display:none}.auth-checkbox-row{display:flex;align-items:flex-start;gap:10px}.auth-checkbox{flex-shrink:0;width:16px;height:16px;margin-top:3px;accent-color:var(--auth-blue);cursor:pointer}.auth-checkbox-label{font-size:14px;font-weight:400;color:#374151;line-height:1.5;cursor:pointer}.signup_link{color:var(--auth-blue);font-weight:600;font-size:14px}.signup_link:hover{color:var(--auth-blue-hover)}.auth-submit{width:100%;height:var(--auth-height);background-color:var(--auth-blue);color:#fff;font-size:16px;font-weight:500;letter-spacing:0;border:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color 0.15s ease;margin-top:8px;margin-bottom:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;box-sizing:border-box}.auth-submit span,.auth-submit *{font-size:16px;font-weight:500;font-family:inherit;color:inherit;line-height:1}.auth-submit:hover,.auth-submit:focus,.auth-submit:active{background-color:var(--auth-blue-hover);color:#fff;outline:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0 32px}.auth-divider-line{flex:1;height:1px;background-color:var(--auth-border)}.auth-divider-text{font-size:11px;font-weight:300;color:#9ca3af;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.auth-social{height:var(--auth-height);background:#fff;border:2px solid var(--auth-border);border-radius:var(--radius);color:#374151;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;text-decoration:none}.auth-social span{font-size:15px;font-weight:500;color:inherit}.auth-social:hover{background:#f9fafb;border-color:#9ca3af}.auth-social svg{flex-shrink:0}.auth-social-grid a,.auth-social-grid button{height:var(--auth-height);background:#fff;border:2px solid var(--auth-border);border-radius:var(--radius);color:#374151;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;text-decoration:none;width:100%;box-sizing:border-box}.auth-social-grid a:hover,.auth-social-grid button:hover{background:#f9fafb;border-color:#9ca3af}.auth-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--auth-input-radius);color:#dc2626;font-size:14px;padding:12px 16px}.auth-signup-row{text-align:center;font-size:14px;color:#6b7280}.auth-email-display{height:var(--auth-height);display:flex;align-items:center;padding:0 14px;border:2px solid var(--auth-border);border-radius:var(--auth-input-radius);color:#6b7280;font-size:15px;background:#f9fafb}.flash-notice-bar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;background-color:#fffbeb;border-bottom:1px solid #fde68a;font-size:13.5px;font-weight:400;color:#78350f;line-height:1.5;box-sizing:border-box}.flash-notice-bar svg{flex-shrink:0;color:#d97706}@media only screen and (min-width: 1024px){.auth-right{display:flex;flex-direction:column;height:100svh;position:-webkit-sticky;position:sticky;top:0}.auth-section{flex:none;width:50%}}@media only screen and (max-width: 767px){.auth-section{padding:1.5rem}}@media only screen and (max-width: 480px){.auth-section{padding:1.25rem}.auth-field-row{grid-template-columns:1fr}.auth-social-grid{grid-template-columns:1fr}}.error-explanation{background-color:#ffe7e2;border:1px solid #dc3545;border-radius:var(--auth-input-radius);padding:12px 14px}.error-explanation h5{display:none}.error-explanation ul{margin:0;padding:0 0 0 18px;color:#b91c1c;font-size:14px}.error-explanation ul li{padding:3px 0;line-height:1.5}
