body{margin:0;font-family:Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at 50% 0%,#161c2e,#0f1322 40%,#0b0f1a);min-height:100vh;display:flex;flex-direction:column;color:#e2e4ea;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;width:200vh;height:200vh;border-radius:50%;z-index:-1;top:65%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(59,130,246,.5),transparent);pointer-events:none}header{padding:16px 32px;display:flex;align-items:center;justify-content:space-between;color:#e2e4ea;border-bottom:1px solid rgba(186,230,253,.06)}header .logo{display:flex;align-items:center;gap:14px}header .logo img{height:36px}header .logo a{color:#e2e4ea;text-decoration:none;font-size:22px;font-weight:600;transition:color .2s}header .logo a:hover{color:#3b82f6}.nav-links{display:flex;align-items:center;gap:24px;font-size:16px}.nav-link{color:#8b8fa3;text-decoration:none;font-weight:500;position:relative;transition:color .2s}.nav-link:hover{color:#e2e4ea}.nav-link.active{color:#3b82f6}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:2px}#container{flex:1;display:flex;flex-direction:column}.auth-page{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.auth-card{background:#1a2033;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 0 60px #3b82f614,0 12px 40px #00000080;padding:2rem;max-width:400px;width:100%;color:#e2e4ea}.auth-card__title{font-size:1.5rem;font-weight:700;text-align:center;color:#f0f1f5;margin-bottom:1.5rem}.auth-card hr{border:none;border-top:1px solid rgba(186,230,253,.08);margin:1.25rem 0}.auth-field{display:block;width:100%;margin-bottom:1rem}.auth-field label{display:block;font-size:.85rem;font-weight:500;color:#8b8fa3;margin-bottom:.35rem}.auth-field input,.auth-field select{width:100%;padding:.75rem .85rem;font-size:1rem;background:#0f1220;border:1px solid rgba(186,230,253,.08);border-radius:10px;color:#e2e4ea;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;box-sizing:border-box}.auth-field input::placeholder{color:#5a5e72}.auth-field input:focus,.auth-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f,inset 0 0 0 1px #3b82f614;background:#101424;color:#fff}.auth-field input:-webkit-autofill,.auth-field input:-webkit-autofill:hover,.auth-field input:-webkit-autofill:focus,.auth-field input:-webkit-autofill:active{box-shadow:0 0 0 1000px #0f1220 inset!important;-webkit-text-fill-color:#e2e4ea!important;caret-color:#e2e4ea!important}.auth-field input:autofill{background:#0f1220!important;color:#e2e4ea!important}.auth-field--readonly input{background:#0c0f18;border-style:dashed;color:#8b8fa3}.auth-field .error-message{color:#ef4444;font-size:.8rem;margin-top:.35rem;display:block;min-height:1.2em}.auth-checkbox{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem;font-size:.85rem;color:#8b8fa3;cursor:pointer}.auth-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.1rem;background:#0f1220;border:1px solid rgba(186,230,253,.15);border-radius:4px;cursor:pointer;position:relative;transition:background .15s,border-color .15s}.auth-checkbox input[type=checkbox]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-checkbox input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.auth-checkbox input[type=checkbox]:checked:after{display:block}.auth-checkbox input[type=checkbox]:focus-visible{box-shadow:0 0 0 4px #3b82f61f}.auth-checkbox a{color:#3b82f6;text-decoration:none}.auth-checkbox a:hover{color:#bae6fd;text-decoration:underline}.auth-btn{width:100%;padding:.8rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,transform .1s}.auth-btn:hover{opacity:.92}.auth-btn:active{transform:scale(.98)}.auth-btn--outline{background:transparent;border:1px solid rgba(186,230,253,.15);color:#3b82f6}.auth-btn--outline:hover{background:#3b82f614;opacity:1}.auth-link{color:#3b82f6;text-decoration:none;font-size:.9rem;transition:color .2s}.auth-link:hover{color:#bae6fd}.auth-link--subtle{color:#8b8fa3}.auth-link--subtle:hover{color:#e2e4ea}.auth-text-center{text-align:center}.auth-mt-3{margin-top:1rem}.auth-mb-3{margin-bottom:1rem}.auth-small{font-size:.85rem;color:#8b8fa3}.auth-alert{background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:10px;padding:.75rem 1rem;font-size:.85rem;color:#8b8fa3;margin-bottom:1rem}.invite-info{background:#bae6fd0a;border:1px solid rgba(186,230,253,.08);border-radius:10px;padding:1rem;margin-bottom:1.25rem;text-align:center;color:#8b8fa3}.invite-info .company-name{font-size:1.15rem;font-weight:700;color:#f0f1f5}.invite-info .role{font-size:.85rem;color:#8b8fa3}.invite-info .email-readonly{margin-top:.75rem;padding:.5rem .75rem;background:#0f1220;border:1px solid rgba(186,230,253,.06);border-radius:6px;font-family:monospace;font-size:.9rem;color:#e2e4ea}.loading-state,.error-state{text-align:center;padding:2.5rem 1rem;color:#8b8fa3}.error-state .error-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:24px;font-weight:700;color:#ef4444;border:2px solid #ef4444;border-radius:50%;margin-bottom:1rem}.auth-card .spinner-border{color:#3b82f6}.header-right{display:flex;align-items:center;gap:12px}.locale-switcher{position:relative}.locale-switcher__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:500;color:#8b8fa3;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.locale-switcher__btn:hover{color:#e2e4ea;background:#ffffff0d}.locale-switcher--open .locale-switcher__btn{color:#e2e4ea;background:#ffffff0f;border-color:#bae6fd1f}.locale-switcher__icon{flex-shrink:0}.locale-switcher__chevron{flex-shrink:0;transition:transform .15s}.locale-switcher--open .locale-switcher__chevron{transform:rotate(180deg)}.locale-switcher__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:130px;padding:6px;background:#1a2033;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 24px #0006,0 0 0 1px #0003;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}.locale-switcher--open .locale-switcher__dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.locale-switcher__option{display:block;width:100%;padding:8px 12px;font-size:14px;font-weight:500;color:#8b8fa3;text-align:left;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color .1s,background .1s}.locale-switcher__option:hover{color:#e2e4ea;background:#ffffff0d}.locale-switcher__option--active,.locale-switcher__option--active:hover{color:#3b82f6}@media (max-width: 576px){header{padding:12px 16px}header .logo a{font-size:18px}.nav-links{gap:16px;font-size:14px}.header-right{gap:8px}.locale-switcher__label{display:none}.locale-switcher__btn{padding:6px 8px}.auth-card{border-radius:0;box-shadow:none;border:none;padding:1.5rem;max-width:100%;min-height:100vh}.auth-card__title{font-size:1.3rem}}