.landing-page{background:radial-gradient(circle at 80% 20%,#7896ff1f,#0000 25%),radial-gradient(circle at 20% 80%,#ffffff0d,#0000 25%),linear-gradient(#09090d 0%,#060606 100%);min-height:100vh;position:relative;overflow:hidden}.landing-glow{pointer-events:none;opacity:.35;background:linear-gradient(90deg,#0000 20%,#ffffff0a 20.1%,#0000 20.2%),linear-gradient(90deg,#0000 50%,#ffffff0a 50.1%,#0000 50.2%),linear-gradient(90deg,#0000 80%,#ffffff0a 80.1%,#0000 80.2%);position:absolute;inset:0}.landing-container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px;position:relative}.landing-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070709a6;border-bottom:1px solid #ffffff14;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.landing-brand-button{cursor:pointer;background:0 0;border:none;padding:0}.landing-brand{align-items:center;gap:14px;display:flex}.landing-brand-logo{object-fit:contain;width:auto;height:44px;display:block}.landing-brand-title{letter-spacing:.18em;color:#ffffffeb;text-align:left;font-size:14px;font-weight:700}.landing-brand-subtitle{color:#ffffff6b;text-align:left;font-size:12px}.landing-nav{align-items:center;gap:28px;display:flex}.landing-nav button{color:#ffffffad;cursor:pointer;background:0 0;border:none;font-size:14px;transition:all .2s}.landing-nav button:hover{color:#fff}.landing-header-actions{align-items:center;gap:12px;display:flex}.landing-primary-btn,.landing-secondary-btn,.landing-ghost-btn{cursor:pointer;border:none;border-radius:18px;outline:none;padding:13px 22px;font-size:14px;font-weight:600;transition:all .2s}.landing-primary-btn{color:#000;background:#fff}.landing-primary-btn:hover,.landing-secondary-btn:hover,.landing-ghost-btn:hover{transform:translateY(-1px)}.landing-secondary-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.landing-ghost-btn{color:#ffffffd1;background:0 0;border:1px solid #ffffff1a}.hero-section{align-items:center;min-height:calc(100vh - 84px);display:flex}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding-top:48px;padding-bottom:48px;display:grid}.hero-copy{max-width:620px}.section-pill{color:#ffffff9e;letter-spacing:.22em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:10px 16px;font-size:12px;display:inline-block}.small-pill{font-size:11px}.hero-title{letter-spacing:-.05em;color:#fff;margin:22px 0 0;font-size:72px;font-weight:700;line-height:.95}.hero-text{color:#ffffffad;max-width:560px;margin-top:28px;font-size:18px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-line{color:#ffffff6b;margin-top:18px;font-size:14px}.mini-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.mini-card,.hero-visual-card,.feature-card,.how-card,.pricing-card,.pricing-note,.faq-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0b;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 0 30px #ffffff08}.mini-card{padding:18px}.mini-card-title{color:#fff;font-size:14px;font-weight:700}.mini-card-text{color:#ffffff7a;margin-top:8px;font-size:14px;line-height:1.6}.hero-visual-card{width:100%;max-width:640px;padding:18px}.hero-visual-top{letter-spacing:.22em;text-transform:uppercase;color:#ffffff6b;justify-content:space-between;gap:16px;padding:4px 4px 16px;font-size:11px;display:flex}.hero-visual-body{background:radial-gradient(circle,#ffffff0a,#0000 60%),#000000b8;border:1px solid #ffffff14;border-radius:24px;justify-content:center;align-items:center;min-height:520px;padding:24px;display:flex;overflow:hidden}.hero-logo-blend{background:radial-gradient(circle,#0000,#0000008c 70%);border-radius:30px;justify-content:center;align-items:center;width:100%;max-width:540px;display:flex}.hero-logo-image{object-fit:contain;mix-blend-mode:screen;opacity:.95;width:100%;height:auto;display:block}.content-section{padding:120px 0}.section-top{grid-template-columns:1fr 420px;align-items:end;gap:40px;margin-bottom:42px;display:grid}.section-title{letter-spacing:-.04em;color:#fff;margin:22px 0 0;font-size:54px;line-height:1}.section-text{color:#ffffffa3;margin:0;font-size:17px;line-height:1.8}.feature-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.feature-card,.how-card,.pricing-card,.pricing-note,.faq-card{padding:28px}.feature-card{grid-column:span 4}.feature-card-large,.feature-card-wide{grid-column:span 6}.feature-badge{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex}.feature-card h3,.how-card h3,.pricing-note h3,.faq-card h3{color:#fff;letter-spacing:-.02em;margin:22px 0 0;font-size:24px}.feature-card p,.how-card p,.pricing-note p,.faq-card p{color:#ffffff8f;margin:14px 0 0;font-size:15px;line-height:1.8}.how-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pricing-layout{grid-template-columns:1fr 360px;align-items:stretch;gap:18px;display:grid}.pricing-chip{text-transform:uppercase;letter-spacing:.2em;color:#ffffff6b;font-size:12px}.pricing-name{color:#fff;margin-top:18px;font-size:32px;font-weight:700}.pricing-row{flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px;display:flex}.pricing-price{color:#fff;font-size:64px;font-weight:700;line-height:.95}.pricing-period{color:#ffffff80;margin-bottom:8px;font-size:16px}.pricing-description{color:#ffffff94;margin-top:18px;font-size:15px;line-height:1.8}.pricing-list{gap:12px;margin-top:24px;display:grid}.pricing-item{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:14px 16px;font-size:14px}.pricing-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.faq-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width<=1100px){.landing-nav,.landing-ghost-btn{display:none}.hero-grid,.section-top,.pricing-layout{grid-template-columns:1fr}.hero-title{font-size:58px}.feature-card,.feature-card-large,.feature-card-wide{grid-column:span 6}.how-grid{grid-template-columns:1fr}}@media (width<=820px){.landing-container{padding-left:20px;padding-right:20px}.landing-header-inner{min-height:78px}.hero-title{font-size:44px}.hero-text,.section-text{font-size:16px}.hero-actions,.pricing-actions{flex-direction:column}.mini-cards,.faq-grid,.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card-large,.feature-card-wide{grid-column:auto}.hero-visual-body{min-height:340px}.content-section{padding:90px 0}.section-title{font-size:34px}.pricing-price{font-size:48px}}.auth-page{background:radial-gradient(circle at 80% 18%,#7896ff1f,#0000 24%),radial-gradient(circle at 20% 82%,#ffffff0d,#0000 24%),linear-gradient(#09090d 0%,#060606 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-glow{pointer-events:none;opacity:.32;position:absolute;inset:0}.auth-shell{z-index:2;grid-template-columns:1.02fr .98fr;align-items:stretch;gap:22px;width:100%;max-width:1220px;display:grid;position:relative}.auth-left,.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0b;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 0 30px #ffffff08}.auth-left{flex-direction:column;justify-content:space-between;min-height:720px;padding:34px;display:flex}.auth-brand{align-items:center;gap:14px;display:flex}.auth-logo{object-fit:contain;width:auto;height:46px;display:block}.auth-brand-title{letter-spacing:.18em;color:#ffffffeb;font-size:14px;font-weight:700}.auth-brand-subtitle{color:#ffffff6b;font-size:12px}.auth-label{color:#ffffff9e;letter-spacing:.22em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:10px 16px;font-size:12px;display:inline-block}.auth-copy h1{letter-spacing:-.05em;color:#fff;margin:24px 0 0;font-size:66px;font-weight:700;line-height:.95}.auth-copy p{color:#ffffffa3;max-width:560px;margin:24px 0 0;font-size:18px;line-height:1.8}.auth-points{flex-wrap:wrap;gap:12px;display:flex}.auth-point{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:13px 16px;font-size:14px}.auth-card{flex-direction:column;justify-content:flex-start;padding:24px;display:flex}.auth-card-topline{margin-bottom:12px}.auth-back-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;outline:none;padding:12px 16px}.auth-tabs{background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px;display:grid}.auth-tab{cursor:pointer;color:#ffffff8f;background:0 0;border:none;border-radius:18px;outline:none;padding:14px 18px;font-size:14px;font-weight:600;transition:all .2s}.auth-tab.active{color:#fff;background:#ffffff14}.auth-form{background:#ffffff08;border:1px solid #ffffff0f;border-radius:28px;gap:16px;margin-top:18px;padding:22px;display:grid}.auth-form-top h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:32px}.auth-form-top p{color:#ffffff80;margin:12px 0 0;line-height:1.7}.auth-field{gap:10px;display:grid}.auth-field span{color:#ffffffbd;font-size:13px}.auth-field input{color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;outline:none;width:100%;padding:15px 16px;font-size:15px;transition:all .2s}.auth-field input::placeholder{color:#ffffff47}.auth-error{color:#ffd2d2;background:#ff3c3c1a;border:1px solid #ff787838;border-radius:18px;padding:14px 16px;font-size:14px}.auth-submit{cursor:pointer;color:#000;background:#fff;border:none;border-radius:18px;outline:none;padding:15px 18px;font-size:15px;font-weight:700}@media (width<=1100px){.auth-shell{grid-template-columns:1fr}.auth-left{gap:30px;min-height:auto}.auth-copy h1{font-size:52px}}@media (width<=820px){.auth-left,.auth-card{border-radius:24px;padding:20px}.auth-copy h1{font-size:40px}.auth-copy p{font-size:16px}.auth-form{border-radius:22px;padding:18px}}.dashboard-page{background:radial-gradient(circle at 20% 0,#aabeff1f,#0000 30%),radial-gradient(circle at 100% 20%,#ffffff0f,#0000 24%),linear-gradient(#09090d 0%,#050506 100%);min-height:100vh;position:relative;overflow:hidden}.dashboard-grid-overlay{pointer-events:none;opacity:.34;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 85%);mask-image:linear-gradient(#000c,#0000 85%)}.dashboard-glow{filter:blur(70px);opacity:.18;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite dashboardFloat;position:absolute}.dashboard-glow-a{background:#8fa7fff2;width:340px;height:340px;top:-120px;left:-60px}.dashboard-glow-b{background:#ffffffb3;width:320px;height:320px;animation-delay:-4s;top:180px;right:-110px}.dashboard-container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px;position:relative}.dashboard-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070709b8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.dashboard-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.dashboard-brand{align-items:center;gap:14px;display:flex}.dashboard-brand-logo{object-fit:contain;width:auto;height:44px;display:block}.dashboard-brand-title{letter-spacing:.18em;color:#ffffffeb;font-size:14px;font-weight:700}.dashboard-brand-subtitle{color:#ffffff6b;font-size:12px}.dashboard-nav{align-items:center;gap:30px;display:flex}.dashboard-nav a{color:#ffffffad;font-size:14px;text-decoration:none;transition:all .2s}.dashboard-nav a:hover{color:#fff}.dashboard-user-area{align-items:center;gap:12px;display:flex}.dashboard-user{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:10px 12px;display:flex}.dashboard-user-badge{background:linear-gradient(135deg,#ffffff29,#ffffff0d);border:1px solid #ffffff1a;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.dashboard-user-name{color:#fff;font-size:14px;font-weight:600}.dashboard-user-plan{color:#ffffff73;font-size:12px}.dashboard-logout-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px 16px;font-size:14px}.dashboard-main{padding:38px 0 84px}.dashboard-error{color:#ffd2d2;background:#ff3c3c1a;border:1px solid #ff787838;border-radius:22px;margin-bottom:20px;padding:16px 18px}.dashboard-surface{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0e,#ffffff09);border:1px solid #ffffff14;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 10px 35px #0000003d,inset 0 1px #ffffff0a}.dashboard-surface:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0f,#0000 42% 65%,#ffffff08);position:absolute;inset:0}.dashboard-hero{grid-template-columns:1.06fr .94fr;align-items:stretch;gap:20px;display:grid}.dashboard-hero-left,.dashboard-status-card{padding:34px}.dashboard-label,.dashboard-panel-label,.dashboard-activation-label{color:#ffffff9e;letter-spacing:.22em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:inline-flex}.dashboard-title{letter-spacing:-.05em;color:#fff;margin:24px 0 0;font-size:66px;font-weight:700;line-height:.94}.dashboard-subtext{color:#ffffffa8;max-width:630px;margin-top:22px;font-size:18px;line-height:1.85}.dashboard-hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.dashboard-inline-note{color:#ffffff75;margin-top:18px;font-size:14px}.dashboard-status-top{letter-spacing:.12em;text-transform:uppercase;color:#ffffff70;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.dashboard-status-badge{border:1px solid #ffffff1a;border-radius:999px;padding:10px 14px;font-size:12px}.dashboard-status-badge.is-active{color:#d7e6ff;background:#6a8bff21}.dashboard-status-badge.is-inactive{color:#ffe1cf;background:#ffa47414}.dashboard-status-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.dashboard-stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px;padding:20px}.dashboard-stat-value{letter-spacing:-.03em;color:#fff;font-size:28px;font-weight:700}.dashboard-stat-region{font-size:21px;line-height:1.2}.dashboard-stat-label{color:#ffffff6b;text-transform:uppercase;letter-spacing:.1em;margin-top:8px;font-size:13px}.dashboard-activation-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin-top:18px;padding:18px;display:flex}.dashboard-activation-title{color:#fff;margin-top:14px;font-size:24px;font-weight:700}.dashboard-activation-text{color:#ffffff94;max-width:500px;margin-top:8px;line-height:1.7}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-top:20px;display:grid}.dashboard-panel{grid-column:span 4;padding:28px}.dashboard-panel-large,.dashboard-panel-wide{grid-column:span 8}.dashboard-panel h2{letter-spacing:-.03em;color:#fff;margin:18px 0 0;font-size:28px}.subscription-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin-top:26px;display:flex}.subscription-price{letter-spacing:-.05em;color:#fff;font-size:58px;font-weight:700;line-height:.95}.subscription-period{color:#ffffff75;margin-top:8px;font-size:15px}.subscription-chip{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:12px 16px;font-size:14px}.subscription-features,.info-stack,.device-list{margin-top:24px}.subscription-features{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.subscription-feature,.info-row,.device-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px}.subscription-feature{color:#ffffffc7;padding:14px 16px;font-size:14px}.dashboard-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.dashboard-btn,.device-btn{cursor:pointer;border:none;border-radius:18px;outline:none;padding:13px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .22s;position:relative}.dashboard-btn:hover,.device-btn:hover,.dashboard-logout-btn:hover{transform:translateY(-1px)}.dashboard-btn-primary,.device-btn-primary{color:#000;background:linear-gradient(#fff,#dfe8ff)}.dashboard-btn-glow:after{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 20%,#ffffff94 50%,#0000 80%);animation:3s ease-in-out infinite dashboardShine;position:absolute;inset:0;transform:translate(-120%)}.dashboard-btn-secondary,.device-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.dashboard-panel-top{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;display:flex}.device-list{gap:14px;display:grid}.device-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.device-name{color:#fff;font-size:18px;font-weight:600}.device-meta{color:#ffffff75;margin-top:8px;font-size:14px;line-height:1.7}.device-actions{flex-wrap:wrap;gap:10px;display:flex}.info-stack{gap:12px;display:grid}.info-row{color:#ffffffb8;justify-content:space-between;gap:14px;padding:16px 18px;display:flex}.info-row strong{color:#fff;text-align:right}@keyframes dashboardFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(18px)}}@keyframes dashboardShine{0%{opacity:0;transform:translate(-130%)}20%{opacity:1}50%{opacity:0;transform:translate(130%)}to{opacity:0;transform:translate(130%)}}@media (width<=1100px){.dashboard-hero{grid-template-columns:1fr}.dashboard-title{font-size:52px}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel,.dashboard-panel-large,.dashboard-panel-wide{grid-column:auto}.dashboard-nav{display:none}}@media (width<=820px){.dashboard-container{padding-left:20px;padding-right:20px}.dashboard-title{font-size:40px}.dashboard-subtext{font-size:16px}.dashboard-header-inner{min-height:78px}.dashboard-user{display:none}.dashboard-status-grid,.subscription-features{grid-template-columns:1fr}.dashboard-actions{flex-direction:column}.subscription-price{font-size:46px}.dashboard-hero-left,.dashboard-status-card,.dashboard-panel{padding:22px}}.dashboard-brand-button{cursor:pointer;background:0 0;border:none;padding:0}.dashboard-header-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px 16px;font-size:14px}.dashboard-header-btn:hover,.dashboard-brand-button:hover{transform:translateY(-1px)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#fff;background:#050505;font-family:Inter,Arial,sans-serif}.payment-page{background:radial-gradient(circle at 15% 12%,#829bff24,#0000 28%),radial-gradient(circle at 85% 12%,#ffffff14,#0000 24%),linear-gradient(#09090d 0%,#060606 100%);min-height:100vh;position:relative;overflow:hidden}.payment-grid-overlay{pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000eb,#0000 90%);mask-image:linear-gradient(#000000eb,#0000 90%)}.payment-noise{pointer-events:none;opacity:.08;background:radial-gradient(circle,#ffffff06 1px,#0000 1px) 0 0/18px 18px;position:absolute;inset:0}.payment-ambient{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite paymentFloat;position:absolute}.payment-ambient-a{background:#6f88fff0;width:360px;height:360px;top:-100px;left:-70px}.payment-ambient-b{background:#ffffffc2;width:300px;height:300px;animation-delay:-4s;top:180px;right:-80px}.payment-container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px;position:relative}.payment-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070709b8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.payment-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.payment-brand{align-items:center;gap:14px;display:flex}.payment-brand-logo{object-fit:contain;width:auto;height:44px;display:block}.payment-brand-title{letter-spacing:.18em;color:#ffffffeb;font-size:14px;font-weight:700}.payment-brand-subtitle{color:#ffffff6b;font-size:12px}.payment-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payment-user-chip,.payment-logout-btn,.payment-back-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px 16px;font-size:14px}.payment-logout-btn,.payment-back-btn{cursor:pointer}.payment-main{padding:48px 0 80px}.payment-hero{grid-template-columns:1.02fr .98fr;align-items:stretch;gap:22px;display:grid}.payment-copy,.payment-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0d,#ffffff09);border:1px solid #ffffff14;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000042,inset 0 1px #ffffff0a}.payment-copy:before,.payment-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff12,#0000 35% 72%,#ffffff06);position:absolute;inset:0}.payment-copy{flex-direction:column;justify-content:center;min-height:680px;padding:34px;display:flex}.payment-floating-chip,.payment-label,.payment-plan-label{color:#ffffff9e;letter-spacing:.22em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;width:fit-content;padding:10px 16px;font-size:12px;display:inline-flex}.payment-floating-chip{margin-bottom:14px;animation:3.2s ease-in-out infinite paymentPulse}.payment-title{letter-spacing:-.05em;color:#fff;margin:24px 0 0;font-size:66px;font-weight:700;line-height:.95}.payment-text{color:#ffffffa3;max-width:560px;margin:24px 0 0;font-size:18px;line-height:1.8}.payment-points{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.payment-point{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:13px 16px;font-size:14px}.payment-timeline{gap:12px;margin-top:28px;display:grid}.payment-step{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:22px;gap:14px;padding:16px;display:flex}.payment-step span{color:#fff;letter-spacing:.1em;background:#ffffff14;border-radius:14px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.payment-step strong{color:#fff;display:block}.payment-step p{color:#ffffff8f;margin:6px 0 0;font-size:14px;line-height:1.65}.payment-step.is-active span{color:#000;background:linear-gradient(#fff,#dfe8ff)}.payment-card-wrap{position:relative}.payment-card-glow{filter:blur(28px);pointer-events:none;background:radial-gradient(circle at 50% 0,#9bb0ff3d,#0000 56%);position:absolute;inset:22px}.payment-card{flex-direction:column;padding:30px;display:flex}.payment-card-top{justify-content:space-between;align-items:start;gap:18px;display:flex}.payment-card h2{letter-spacing:-.03em;color:#fff;margin:18px 0 0;font-size:34px}.payment-badge{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:10px 14px;font-size:13px}.payment-price-row{flex-wrap:wrap;align-items:end;gap:12px;margin-top:24px;display:flex}.payment-price{color:#fff;font-size:72px;font-weight:700;line-height:.95}.payment-period{color:#ffffff80;margin-bottom:8px;font-size:16px}.payment-description{color:#ffffff94;margin-top:18px;font-size:15px;line-height:1.8}.payment-feature-list{gap:12px;margin-top:24px;display:grid}.payment-feature{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.payment-feature-dot{background:#fff;border-radius:999px;width:8px;height:8px;box-shadow:0 0 14px #fff6}.payment-summary-box{background:#ffffff09;border:1px solid #ffffff0f;border-radius:20px;gap:10px;margin-top:20px;padding:16px;display:grid}.payment-summary-row{color:#ffffffa8;justify-content:space-between;gap:14px;display:flex}.payment-summary-row strong{color:#fff}.payment-promo-field{gap:10px;margin-top:18px;display:grid}.payment-promo-field span{color:#ffffffbd;font-size:13px}.payment-promo-field input{color:#fff;background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;outline:none;width:100%;padding:15px 16px;font-size:15px}.payment-promo-field input:focus{border-color:#b0c2ff8c;box-shadow:0 0 0 4px #92aaff14}.payment-error{color:#ffd2d2;background:#ff3c3c1a;border:1px solid #ff787838;border-radius:18px;margin-top:12px;padding:14px 16px;font-size:14px}.payment-action-stack{gap:12px;margin-top:28px;display:grid}.payment-primary-btn,.payment-secondary-btn{cursor:pointer;border:none;border-radius:18px;outline:none;padding:15px 18px;font-size:15px;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.payment-primary-btn{color:#000;background:linear-gradient(#fff,#dde5ff)}.payment-primary-btn:disabled{opacity:.7;cursor:default}.payment-primary-btn-shine{content:"";background:linear-gradient(120deg,#0000 20%,#ffffff9e 50%,#0000 80%);animation:3s ease-in-out infinite paymentShine;position:absolute;inset:0;transform:translate(-130%)}.payment-primary-btn>span:last-child,.payment-secondary-btn>span:last-child{z-index:1;position:relative}.payment-secondary-btn{color:#fff;background:#ffffff0b;border:1px solid #ffffff1a}.payment-primary-btn:hover,.payment-secondary-btn:hover,.payment-back-btn:hover,.payment-logout-btn:hover{transform:translateY(-1px)}.payment-safe-note{color:#ffffff70;margin-top:16px;font-size:13px;line-height:1.7}@keyframes paymentFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(18px)}}@keyframes paymentShine{0%{opacity:0;transform:translate(-130%)}20%{opacity:1}50%{opacity:0;transform:translate(130%)}to{opacity:0;transform:translate(130%)}}@keyframes paymentPulse{0%,to{transform:translateY(0);box-shadow:0 0 #fff0}50%{transform:translateY(-1px);box-shadow:0 10px 30px #ffffff0a}}@media (width<=1100px){.payment-hero{grid-template-columns:1fr}.payment-copy{min-height:auto}.payment-title{font-size:52px}}@media (width<=820px){.payment-container{padding-left:20px;padding-right:20px}.payment-title{font-size:40px}.payment-text{font-size:16px}.payment-header-inner{min-height:78px}.payment-price{font-size:52px}.payment-copy,.payment-card{padding:22px}}.gate-page{color:#fff;background:radial-gradient(circle at 18% 18%,#ffffff0f,#0000 26%),radial-gradient(circle at 82% 16%,#ffffff0d,#0000 26%),radial-gradient(circle at 50% 88%,#ffffff0b,#0000 30%),linear-gradient(#050505 0%,#030303 55%,#000 100%);min-height:100vh;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.gate-background{pointer-events:none;position:absolute;inset:0}.gate-noise{opacity:.045;mix-blend-mode:soft-light;background-image:linear-gradient(#ffffffe6 1px,#0000 1px),linear-gradient(90deg,#ffffffe6 1px,#0000 1px);background-size:3px 3px,3px 3px;position:absolute;inset:0}.gate-grid{opacity:.42;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 88%);mask-image:radial-gradient(circle,#000 28%,#0000 88%)}.gate-orb{filter:blur(110px);opacity:.12;background:#fffc;border-radius:999px;animation:9s ease-in-out infinite gateOrbFloat;position:absolute}.gate-orb-left{width:300px;height:300px;top:7%;left:6%}.gate-orb-right{width:280px;height:280px;animation-delay:1.7s;top:10%;right:10%}.gate-orb-bottom{width:360px;height:360px;animation-delay:3.2s;bottom:-90px;left:50%;transform:translate(-50%)}.gate-particle{background:#ffffffd9;border-radius:50%;width:4px;height:4px;animation:7s linear infinite gateParticle;position:absolute;box-shadow:0 0 12px #fffc}.gate-particle-1{animation-delay:0s;top:18%;left:20%}.gate-particle-2{animation-delay:1.2s;top:28%;right:22%}.gate-particle-3{animation-delay:2.4s;top:58%;left:16%}.gate-particle-4{animation-delay:3.1s;top:66%;right:15%}.gate-particle-5{animation-delay:4.4s;top:46%;left:74%}.gate-shell{z-index:2;box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:36px 20px 92px;display:flex;position:relative}.gate-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0e,#ffffff07);border:1px solid #ffffff17;border-radius:32px;width:100%;max-width:600px;padding:42px 36px 34px;animation:.8s gateCardIn;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000094,inset 0 1px #ffffff14,inset 0 -1px #ffffff08}.gate-card-shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff14 48%,#0000 100%);width:55%;height:180%;animation:6s ease-in-out infinite gateShine;position:absolute;inset:-20% auto auto -30%;transform:rotate(18deg)}.gate-logo-wrap{justify-content:center;align-items:center;width:320px;height:170px;margin:0 auto 16px;display:flex;position:relative}.gate-logo-glow{filter:blur(28px);background:radial-gradient(circle,#ffffff3d,#0000 72%);border-radius:999px;width:240px;height:100px;animation:3.2s ease-in-out infinite gateLogoGlow;position:absolute}.gate-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 0 22px #ffffff1f);width:260px;max-width:100%;animation:4s ease-in-out infinite gateLogoFloat;position:relative}.gate-badge{color:#ffffffd6;letter-spacing:.22em;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;width:fit-content;margin:0 auto 18px;padding:8px 14px;font-size:11px;font-weight:600}.gate-title{text-align:center;letter-spacing:.01em;margin:0;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1}.gate-subtitle{text-align:center;color:#ffffffb3;max-width:480px;margin:16px auto 30px;font-size:15px;line-height:1.75}.gate-form{flex-direction:column;gap:14px;display:flex}.gate-input-wrap{flex-direction:column;gap:10px;display:flex}.gate-input-label{color:#ffffffb3;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600}.gate-input{box-sizing:border-box;color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;outline:none;width:100%;height:58px;padding:0 18px;font-size:15px;transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}.gate-input::placeholder{color:#ffffff59}.gate-input:focus{background:#ffffff0e;border-color:#ffffff47;box-shadow:0 0 0 4px #ffffff0a}.gate-button{color:#050505;letter-spacing:.18em;cursor:pointer;background:linear-gradient(#fff 0%,#dadada 100%);border:none;border-radius:18px;height:58px;font-size:13px;font-weight:800;transition:transform .25s,box-shadow .25s,opacity .25s;position:relative;overflow:hidden;box-shadow:0 14px 32px #ffffff1f}.gate-button:before{content:"";background:linear-gradient(120deg,#0000 20%,#ffffff61 50%,#0000 80%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.gate-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ffffff29}.gate-button:hover:before{transform:translate(120%)}.gate-button:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:0 10px 24px #ffffff14}.gate-button-text{z-index:1;position:relative}.gate-error{color:#ffadad;font-size:13px;line-height:1.5}.gate-note{color:#ffffff6b;text-align:center;letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:12px;line-height:1.7}.gate-footer{z-index:2;color:#ffffff6b;letter-spacing:.36em;text-transform:uppercase;white-space:nowrap;font-size:12px;animation:3s ease-in-out infinite gateFooterPulse;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes gateCardIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gateOrbFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-16px)}}@keyframes gateParticle{0%{opacity:0;transform:translateY(16px)scale(.7)}20%{opacity:1}80%{opacity:.85}to{opacity:0;transform:translateY(-42px)scale(1.15)}}@keyframes gateLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gateLogoGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes gateShine{0%,to{opacity:0;transform:translate(-10%)rotate(18deg)}18%{opacity:.8}48%{opacity:0}60%{opacity:0;transform:translate(170%)rotate(18deg)}}@keyframes gateFooterPulse{0%,to{opacity:.35}50%{opacity:.68}}@media (width<=640px){.gate-shell{padding:20px 14px 80px}.gate-card{border-radius:24px;padding:30px 18px 26px}.gate-logo-wrap{width:240px;height:120px}.gate-logo-glow{width:180px;height:76px}.gate-logo{width:190px}.gate-footer{letter-spacing:.28em;font-size:10px}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}