.auth-layout{min-height:calc(100vh - var(--header-height));justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-container{z-index:10;width:100%;max-width:480px;position:relative}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-btn-submit{width:100%;margin-top:1rem;padding:1rem;font-size:1.05rem}.auth-footer{text-align:center;margin-top:2rem;font-size:.95rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.dark .auth-layout{background-color:#0a0a0a}.dark .auth-layout:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#aaed1014 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:-20%;right:-10%}.dark .auth-layout:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#aaed100d 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;position:absolute;bottom:-20%;left:-10%}.dark .auth-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#121212e6;border:1px solid #aaed1033;padding:3rem 2rem;box-shadow:0 20px 60px #0009,0 0 40px #aaed100d}.dark .auth-title{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:800}.dark .auth-subtitle{color:#ffffff8c;font-size:1rem}.dark .auth-footer{color:#ffffff73}.dark .auth-link{color:#aaed10;margin-left:.5rem;font-weight:700}.dark .auth-link:hover{color:#c8ff30;text-decoration:underline}.dark .form-label{color:#fff9;letter-spacing:.03em;font-size:.85rem;font-weight:600}.dark .form-input{border-radius:var(--radius-md);color:#f0f0f0;caret-color:#aaed10;background:#ffffff0f;border:1px solid #ffffff1f;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.dark .form-input::placeholder{color:#ffffff47}.dark .form-input:focus{color:#fff;background:#aaed100f;border-color:#aaed10;outline:none;box-shadow:0 0 0 2px #aaed102e}.dark .role-tabs{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;gap:.25rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.dark .role-tab{text-align:center;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;color:#fff6;background:0 0;border:none;flex:1;padding:.7rem;font-size:.9rem;font-weight:600;transition:all .2s}.dark .role-tab.active{color:#aaed10;background:#aaed1026;border:1px solid #aaed104d}.dark .role-tab:hover:not(.active){color:#ffffffb3;background:#ffffff0d}:root:not(.dark) .auth-layout{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 40%,#f8fafc 100%)}:root:not(.dark) .auth-layout:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);border-radius:50%;width:45vw;height:45vw;position:absolute;top:-10%;right:-5%}:root:not(.dark) .auth-layout:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#38bdf814 0%,#0000 70%);border-radius:50%;width:35vw;height:35vw;position:absolute;bottom:-15%;left:-5%}:root:not(.dark) .auth-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#fffffff2;border:1px solid #0ea5e933;padding:3rem 2rem;box-shadow:0 20px 60px #0ea5e91a,0 4px 20px #0000000f}:root:not(.dark) .auth-title{color:#0f172a;margin-bottom:.5rem;font-size:2rem;font-weight:800}:root:not(.dark) .auth-subtitle{color:#64748b;font-size:1rem}:root:not(.dark) .auth-footer{color:#94a3b8}:root:not(.dark) .auth-link{color:#0ea5e9;margin-left:.5rem;font-weight:700}:root:not(.dark) .auth-link:hover{color:#0284c7;text-decoration:underline}:root:not(.dark) .form-label{color:#475569;letter-spacing:.02em;font-size:.85rem;font-weight:600}:root:not(.dark) .form-input{border-radius:var(--radius-md);color:#0f172a;caret-color:#0ea5e9;background:#f8fafc;border:1.5px solid #e2e8f0;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}:root:not(.dark) .form-input::placeholder{color:#94a3b8}:root:not(.dark) .form-input:focus{color:#0f172a;background:#fff;border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e926}:root:not(.dark) .role-tabs{border-radius:var(--radius-md);background:#f1f5f9;border:1px solid #e2e8f0;gap:.25rem;margin-bottom:1.5rem;padding:.3rem;display:flex}:root:not(.dark) .role-tab{text-align:center;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;color:#94a3b8;background:0 0;border:none;flex:1;padding:.7rem;font-size:.9rem;font-weight:600;transition:all .2s}:root:not(.dark) .role-tab.active{color:#0ea5e9;background:#fff;border:1px solid #0ea5e940;box-shadow:0 2px 8px #0ea5e91a}:root:not(.dark) .role-tab:hover:not(.active){color:#475569;background:#fff9}