.auth-page-new{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(560px,1.08fr);background:#f4f8ff;color:#071431;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.auth-brand-panel{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;padding:38px 48px 34px;color:#fff;background:radial-gradient(circle at 76% 13%,rgba(67,156,255,.36),transparent 27%),radial-gradient(circle at 20% 78%,rgba(14,103,255,.24),transparent 34%),linear-gradient(148deg,#041846,#082b8e 48%,#0631bd)}.auth-brand-panel:after{content:"";position:absolute;inset:auto -10% -14% -10%;height:38%;background:linear-gradient(168deg,transparent 0 33%,rgba(18,74,202,.54) 34% 63%,rgba(4,27,92,.65) 64%);pointer-events:none}.auth-brand-top{position:relative;z-index:5}.auth-brand-top .brand-pro-image,.auth-brand-top img{width:190px;max-height:62px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.auth-brand-copy{position:relative;z-index:5;max-width:490px;margin:auto 0}.auth-mini-label{display:inline-flex;align-items:center;gap:8px;color:#8bc4ff;font-size:10px;font-weight:780;letter-spacing:2.1px}.auth-brand-copy h1{max-width:500px;margin:15px 0 14px;color:#fff;font-size:42px;line-height:1.06;font-weight:720;letter-spacing:-2px}.auth-brand-copy>p{max-width:450px;margin:0;color:#d9e6fb;font-size:14px;line-height:1.73}.auth-benefits{display:grid;grid-gap:18px;gap:18px;margin-top:32px}.auth-benefits>div{display:flex;align-items:center;gap:13px}.auth-benefits>div>b{flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(113,188,255,.24);border-radius:13px;background:rgba(44,130,255,.18);color:#72bbff;font-size:17px}.auth-benefits small,.auth-benefits strong{display:block}.auth-benefits strong{color:#fff;font-size:13px;font-weight:680}.auth-benefits small{margin-top:3px;color:#bcd1ef;font-size:10px}.auth-brand-visual{position:absolute;z-index:2;left:0;right:0;bottom:55px;height:220px;pointer-events:none}.auth-wave{position:absolute;border:1px solid rgba(83,174,255,.22);border-radius:50%}.auth-wave-one{width:340px;height:340px;right:-130px;bottom:-150px}.auth-wave-two{width:240px;height:240px;right:-70px;bottom:-100px}.auth-studio-card{position:absolute;right:42px;bottom:58px;min-width:230px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(117,189,255,.22);border-radius:15px;background:rgba(5,27,84,.62);box-shadow:0 20px 45px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-studio-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#176cf4;color:#fff}.auth-studio-card small,.auth-studio-card strong{display:block}.auth-studio-card strong{font-size:11px}.auth-studio-card small{margin-top:4px;color:#a9c5ee;font-size:8px}.auth-brand-footer{position:relative;z-index:5;color:#c8d9f2;font-size:11px}.auth-brand-footer a{color:#fff;font-weight:650;text-decoration:underline;text-underline-offset:3px}.auth-form-panel{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:52px;background:radial-gradient(circle at 90% 5%,rgba(92,170,255,.12),transparent 28%),linear-gradient(135deg,#f8fbff,#eef5ff)}.auth-home-link{position:absolute;top:30px;left:42px;color:#6f8097;font-size:11px;font-weight:650;transition:.2s ease}.auth-home-link:hover{color:#1266e9;transform:translateX(-2px)}.auth-form-card{width:min(100%,560px);padding:42px 44px;border:1px solid #dfe8f4;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(13,57,118,.11)}.auth-form-card.compact{max-width:520px}.auth-form-heading{margin-bottom:26px}.auth-form-heading.centered{text-align:center}.auth-form-heading h2{margin:0;color:#071431;font-size:30px;line-height:1.1;font-weight:720;letter-spacing:-1.2px}.auth-form-heading p{margin:8px 0 0;color:#708198;font-size:13px;line-height:1.6}.auth-form{display:grid;grid-gap:15px;gap:15px}.auth-form label,.profile-form label{display:grid;grid-gap:7px;gap:7px;color:#263651;font-size:11px;font-weight:650}.auth-two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.optional{color:#95a2b3;font-weight:400}.auth-form input,.auth-form select,.profile-form input,.profile-form select,.profile-form textarea{width:100%;min-height:45px;border:1px solid #d8e3f1;border-radius:10px;background:#fff;padding:11px 13px;color:#071431;outline:none;font-size:12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-form input::placeholder{color:#9aa7b8}.auth-form input:focus,.auth-form select:focus,.profile-form input:focus,.profile-form select:focus,.profile-form textarea:focus{border-color:#78b0ff;box-shadow:0 0 0 3px rgba(24,111,244,.1)}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.auth-login-options{margin-top:-2px}.auth-checkbox{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:center;gap:8px!important;cursor:pointer}.auth-checkbox input{width:15px!important;min-height:15px!important;height:15px!important;margin:0;accent-color:#176cf4}.auth-terms{align-items:flex-start;color:#64748b!important;line-height:1.5}.auth-form-row a,.auth-legal a,.auth-switch a,.auth-terms a,.text-button{color:#1266e9;font-weight:650}.auth-primary-btn{width:100%;min-height:47px;margin-top:2px;border:0;border-radius:10px;background:linear-gradient(135deg,#1778ff,#1055dc);color:#fff;font-size:12px;font-weight:760;cursor:pointer;box-shadow:0 10px 25px rgba(18,99,230,.19);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.auth-primary-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#2584ff,#1056dc);box-shadow:0 15px 30px rgba(18,99,230,.28)}.auth-primary-btn:disabled{opacity:.65;cursor:not-allowed}.auth-divider{position:relative;margin:24px 0 20px;text-align:center}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e2e9f2}.auth-divider span{position:relative;padding:0 13px;background:#fff;color:#8b99ab;font-size:10px}.social-auth-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.social-auth-btn{min-height:45px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;color:#1d2b45;font-size:11px;font-weight:650;box-shadow:0 5px 15px rgba(15,54,105,.04);transition:.2s ease}.social-auth-btn:hover{transform:translateY(-1px);border-color:#b7d0ee;box-shadow:0 10px 22px rgba(15,66,138,.09)}.google-mark{color:#4285f4;font-size:16px}.facebook-mark,.google-mark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:900}.facebook-mark{border-radius:50%;background:#1877f2;color:#fff;font-size:15px}.auth-legal,.auth-switch{text-align:center;color:#78889d;font-size:10px;line-height:1.55}.auth-switch{margin:20px 0 0}.form-alert{padding:11px 12px;margin-bottom:16px;border-radius:9px;font-size:11px}.form-alert.error{border:1px solid #ffd7dc;background:#fff0f1;color:#a82c3a}.form-alert.success{border:1px solid #caefdd;background:#edfbf4;color:#13764a}.otp-icon{width:58px;height:58px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#eaf4ff;color:#1266e9;font-size:24px}.otp-input{text-align:center;font-size:24px!important;letter-spacing:9px;font-weight:750}.text-button{display:block;margin:18px auto 0;border:0;background:transparent;cursor:pointer;font-size:11px}.creator-dashboard{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#f5f8fd;color:#071431}.creator-sidebar{display:flex;flex-direction:column;padding:28px 20px;background:linear-gradient(180deg,#06194a,#082a78);color:#d5e4fb}.creator-sidebar .brand-pro-image{width:165px;filter:brightness(0) invert(1)}.creator-nav{display:grid;grid-gap:6px;gap:6px;margin-top:36px}.creator-nav a,.creator-nav button{padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#cfe0f9;text-align:left;font-size:11px;cursor:pointer}.creator-nav .active{background:#176cf4;color:#fff}.creator-sidebar-bottom{margin-top:auto}.creator-main{padding:32px}.creator-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.creator-topbar h1{margin:0;font-size:28px;letter-spacing:-1px}.creator-topbar p{margin:5px 0 0;color:#73839a;font-size:12px}.creator-user-chip{padding:9px 13px;border:1px solid #dce7f3;border-radius:999px;background:#fff;color:#32425c;font-size:11px}.dash-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.dash-stat{padding:20px;border:1px solid #e0e9f4;border-radius:16px;background:#fff}.dash-stat small{display:block;color:#8494aa;font-size:9px}.dash-stat strong{display:block;margin:11px 0 6px;font-size:25px}.dash-stat span{color:#0ba465;font-size:8px;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:16px;gap:16px;margin-top:16px}.dashboard-card{padding:21px;border:1px solid #e0e9f4;border-radius:16px;background:#fff}.dashboard-card h3{margin:0 0 16px;font-size:15px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.quick-actions a{padding:15px;border-radius:12px;background:#f2f7ff;color:#155dcf;font-size:11px;font-weight:650}.profile-form{display:grid;grid-gap:16px;gap:16px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.profile-fields .full{grid-column:1/-1}.profile-form textarea{min-height:110px;resize:vertical}@media(max-width:980px){.auth-page-new{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:30px 22px}.auth-home-link{top:20px;left:22px}.creator-dashboard{grid-template-columns:1fr}.creator-sidebar{display:none}.dash-stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:620px){.auth-form-panel{padding:68px 14px 24px}.auth-form-card{padding:30px 22px;border-radius:18px}.auth-form-heading h2{font-size:25px}.auth-two-column,.dash-stat-grid,.social-auth-grid{grid-template-columns:1fr}.creator-main{padding:22px 14px}.creator-topbar{align-items:flex-start;gap:15px;flex-direction:column}.profile-fields{grid-template-columns:1fr}.profile-fields .full{grid-column:auto}}.auth-form-panel{padding:28px 42px!important;min-height:100dvh}.auth-home-link{top:16px!important}.auth-form-card.auth-card-tight{width:min(100%,590px);padding:25px 32px!important;border-radius:22px}.auth-form-card.compact.auth-card-tight{max-width:560px}.auth-heading-tight{margin-bottom:17px!important}.auth-heading-tight h2{font-size:28px}.auth-heading-tight p{margin-top:5px}.auth-form.auth-form-tight{gap:11px!important}.auth-form.signup-form-tight{gap:9px!important}.auth-form input,.auth-form select{min-height:42px!important;padding:9px 12px!important}.auth-input-wrap{position:relative}.auth-input-wrap input{padding-right:44px!important}.auth-input-wrap.has-error input{border-color:#ef8c99!important;box-shadow:0 0 0 3px rgba(211,55,75,.07)!important}.auth-input-wrap.has-success input{border-color:#91d7b7!important}.input-status{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:800}.input-status.good{color:#0aa565}.field-error{margin-top:-3px;color:#c33d4d;font-size:9px;font-weight:550}.password-wrap input{padding-right:44px!important}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:#75859c;cursor:pointer;transition:.18s ease}.password-toggle:hover{background:#eef5ff;color:#1266e9}.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-strength{margin-top:-1px;padding:8px 10px;border:1px solid #e3ebf5;border-radius:10px;background:#f9fbfe}.strength-head{display:flex;align-items:center;justify-content:space-between;color:#75849a;font-size:9px}.strength-head strong{font-size:9px}.strength-bars{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;margin:6px 0 7px}.strength-bars i{height:4px;border-radius:99px;background:#e1e8f1}.strength-1 .strength-bars i.active,.strength-2 .strength-bars i.active{background:#ef5264}.strength-3 .strength-bars i.active,.strength-4 .strength-bars i.active{background:#e7a627}.strength-5 .strength-bars i.active{background:#12aa6a}.strength-1 .strength-head strong,.strength-2 .strength-head strong{color:#d64052}.strength-3 .strength-head strong,.strength-4 .strength-head strong{color:#b57a0a}.strength-5 .strength-head strong{color:#0a9b60}.password-rules{display:flex;flex-wrap:wrap;gap:5px 10px}.password-rules span{color:#8795a8;font-size:8px}.password-rules span:before{content:"○";margin-right:4px}.password-rules span.met{color:#0b9860}.password-rules span.met:before{content:"✓"}.password-match-error{display:block;margin-top:-5px}.compact-terms{font-size:10px!important}.auth-divider.auth-divider-tight{margin:16px 0 14px!important}.auth-switch.auth-switch-tight{margin-top:14px!important}.social-auth-grid{gap:9px!important}.social-auth-btn{min-height:42px!important;font-size:10px!important}.social-brand-icon{width:20px;height:20px;flex:0 0 20px}.social-google:hover{border-color:#bfd2eb;background:#fbfdff}.social-facebook:hover{border-color:#a9c9f4;background:#f7fbff}.form-alert{margin-bottom:10px!important;padding:9px 11px!important}.auth-primary-btn{min-height:43px!important}@media(min-width:981px) and (max-height:850px){.auth-brand-panel{padding:26px 42px 24px!important}.auth-brand-top .brand-pro-image,.auth-brand-top img{width:168px!important;max-height:54px!important}.auth-brand-copy h1{font-size:36px!important;margin:10px 0!important}.auth-brand-copy>p{line-height:1.55!important}.auth-benefits{gap:11px!important;margin-top:20px!important}.auth-benefits>div>b{width:36px!important;height:36px!important;flex-basis:36px!important}.auth-studio-card{bottom:40px!important}.auth-form-panel{padding:24px 34px!important}.auth-form-card.auth-card-tight{padding:21px 30px!important}.signup-card-tight{padding-top:18px!important;padding-bottom:18px!important}}@media(max-width:620px){.auth-form-panel{padding:60px 12px 18px!important}.auth-form-card.auth-card-tight{padding:23px 18px!important}.password-rules{display:grid;grid-template-columns:1fr 1fr}}