:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#eef2f8;
  --ink:#141827;
  --ink-soft:#596174;
  --line:#dde3ed;
  --brand:#ff4d3d;
  --brand-2:#ff8a35;
  --violet:#6c55ff;
  --cyan:#14b8d4;
  --green:#26b47a;
  --navy:#151b2d;
  --navy-2:#202943;
  --gold:#d99a22;
  --shadow-sm:0 12px 34px rgba(28,35,55,.08);
  --shadow:0 28px 80px rgba(28,35,55,.13);
  --radius:26px;
  --radius-sm:17px;
  --container:1240px;
}

html{background:var(--bg)}
body{background:
  radial-gradient(circle at 12% 9%,rgba(108,85,255,.08),transparent 25%),
  radial-gradient(circle at 88% 15%,rgba(255,77,61,.08),transparent 24%),
  var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(21,27,45,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(21,27,45,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 55%)}
.container{width:min(calc(100% - 40px),var(--container))}
.section{padding:96px 0}
.card{background:rgba(255,255,255,.92);border:1px solid rgba(221,227,237,.95);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.heading,.subheading,.display,.home-hero h1,.page-hero h1,.shop-product h3,.vip-card h3{font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.045em}
.heading{font-size:clamp(2.35rem,5vw,4.75rem);line-height:.98}
.subheading{font-size:clamp(1.65rem,2.7vw,2.55rem);line-height:1.05}
.lead{color:var(--ink-soft);font-size:1.08rem}
.eyebrow{color:var(--brand);letter-spacing:.13em}
.eyebrow:before{background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:99px}
.muted{color:var(--ink-soft)}
.red{color:var(--brand)}

/* header */
.site-header{background:rgba(245,247,251,.82);border-bottom:1px solid rgba(221,227,237,.8);backdrop-filter:blur(22px);box-shadow:none}
.site-header.scrolled{background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(25,31,49,.08)}
.header-inner{height:84px;gap:20px}
.brand{min-width:205px;width:205px;height:48px;padding:12px 18px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:0 12px 26px rgba(21,27,45,.18)}
.brand img{width:100%;height:auto}
.nav{gap:5px}
.nav a{color:#50586b;padding:12px 14px;border-radius:13px;font-weight:750}
.nav a:hover,.nav a.active{color:var(--ink);background:#fff;box-shadow:0 8px 20px rgba(28,35,55,.08)}
.account-trigger{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:0 9px 22px rgba(28,35,55,.07)!important}
.account-trigger-avatar,.account-menu-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important}
.account-trigger-copy small,.account-dropdown small{color:#7a8295!important}
.account-dropdown{background:#fff!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important;color:var(--ink)!important}
.account-dropdown a,.account-dropdown button{color:#454d60!important}
.account-dropdown a:hover,.account-dropdown button:hover{background:var(--surface-2)!important;color:var(--ink)!important}
.account-dropdown-head{border-bottom-color:var(--line)!important}
.menu-toggle{border-color:var(--line);background:#fff}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{background:var(--ink)}

/* buttons */
.btn{min-height:52px;border-radius:15px;padding:0 23px;font-weight:800;letter-spacing:-.01em}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 16px 32px rgba(255,77,61,.24)}
.btn-primary:hover{background:linear-gradient(135deg,#ff5d4e,#ff963f);box-shadow:0 20px 38px rgba(255,77,61,.3)}
.btn-dark{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}
.btn-light{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 8px 20px rgba(28,35,55,.05)}
.btn-outline{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.05)}
.btn-outline-dark{border:1px solid var(--line);background:transparent;color:var(--ink)}

/* home */
.home-hero{min-height:820px;padding:150px 0 88px;background:linear-gradient(145deg,#f8faff 0%,#eef2fb 45%,#fff4ef 100%);color:var(--ink);isolation:isolate}
.home-hero:before{background:
  radial-gradient(circle at 18% 25%,rgba(108,85,255,.13),transparent 28%),
  radial-gradient(circle at 84% 32%,rgba(255,77,61,.16),transparent 30%),
  linear-gradient(135deg,#f9fbff,#f1f4fb 56%,#fff5ef)}
.home-hero:after{opacity:.65;background-image:linear-gradient(rgba(21,27,45,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,27,45,.035) 1px,transparent 1px);mask-image:linear-gradient(90deg,#000,transparent 80%)}
.hero-red-plane{right:-12vw;top:4%;width:49vw;height:92%;transform:skewX(-7deg) rotate(2deg);border-radius:80px;background:linear-gradient(145deg,#ff5d4e 0%,#ff7a36 48%,#7a5cff 100%);box-shadow:0 35px 100px rgba(83,61,190,.2);opacity:.98}
.hero-character{right:max(0px,calc((100vw - var(--container))/2 - 25px));bottom:-24px;width:min(48vw,620px);filter:drop-shadow(0 34px 48px rgba(43,50,75,.26))}
.hero-copy{max-width:690px}
.hero-logo{width:min(360px,72vw);padding:16px 22px;background:linear-gradient(135deg,var(--navy),var(--navy-2));border-radius:19px;box-shadow:0 18px 38px rgba(21,27,45,.18);margin-bottom:28px}
.status-pill{background:#fff;border:1px solid var(--line);color:#4c5569;box-shadow:0 9px 24px rgba(28,35,55,.07)}
.status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(38,180,122,.12)}
.home-hero h1{font-size:clamp(3.8rem,7vw,7.7rem);line-height:.86;text-transform:none;max-width:720px}
.home-hero h1 span{background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.home-hero p{color:var(--ink-soft);font-size:1.12rem;max-width:620px}
.hero-meta{gap:12px;margin-top:42px}
.hero-meta>div{padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(28,35,55,.05)}
.hero-meta strong{font-size:1.15rem;color:var(--ink)}
.hero-meta span{color:#778093}
.scroll-label{display:none}
.stat-rail{margin-top:-42px}
.stat-rail-inner{border-radius:25px;border-color:var(--line);box-shadow:var(--shadow);background:rgba(255,255,255,.95)}
.stat-item{padding:28px 30px;border-color:var(--line)}
.stat-item strong{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.28rem}
.stat-item:nth-child(1) strong{color:var(--brand)}.stat-item:nth-child(2) strong{color:var(--violet)}.stat-item:nth-child(3) strong{color:var(--cyan)}.stat-item:nth-child(4) strong{color:var(--green)}

.feature-grid{gap:20px}
.feature-card{min-height:300px;padding:34px;border-radius:27px;background:linear-gradient(160deg,#fff,#f8faff);box-shadow:var(--shadow-sm)}
.feature-card:nth-child(2){background:linear-gradient(160deg,#fff,#fff7ef)}
.feature-card:nth-child(3){background:linear-gradient(160deg,#fff,#f3efff)}
.feature-card h3{margin:70px 0 13px;font-size:1.65rem}
.feature-card:after{color:rgba(75,83,106,.055)}
.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}

.dark-section{background:linear-gradient(145deg,var(--navy),#242e4a);color:#fff;position:relative;overflow:hidden}
.dark-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(108,85,255,.32),transparent 70%)}
.dark-section .lead{color:#c5ccda}
.photo-frame{border-radius:30px;box-shadow:0 30px 80px rgba(5,10,25,.34)}
.photo-frame img{height:560px}
.list-check i{background:linear-gradient(135deg,#dff9ed,#d8f7ff);color:#15865c}
.dark-section .list-check span{color:#b9c1d1}
.gallery-grid{gap:20px}.gallery-item{border-radius:24px;box-shadow:var(--shadow-sm)}
.steps{gap:20px}.step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);border-radius:24px;backdrop-filter:blur(12px)}
.cta-band{background:linear-gradient(120deg,var(--brand),var(--brand-2) 48%,var(--violet));position:relative;overflow:hidden}
.cta-band:after{content:"";position:absolute;inset:-100% auto auto 55%;width:600px;height:600px;border-radius:50%;background:rgba(255,255,255,.13)}
.cta-inner{position:relative;z-index:1}

/* new home sections */
.section-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--violet);box-shadow:0 7px 18px rgba(28,35,55,.05)}
.server-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.server-panel{padding:36px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f4f0ff)}
.server-panel:after{content:"BONUS";position:absolute;right:-16px;bottom:-40px;font-size:7rem;font-weight:950;color:rgba(108,85,255,.07);letter-spacing:-.08em}
.server-badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,var(--violet),#8a6dff);color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(108,85,255,.23)}
.server-panel h2{font-size:clamp(2.2rem,4vw,4rem);margin:25px 0 14px;line-height:.98;letter-spacing:-.055em}
.server-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;position:relative;z-index:1}
.server-facts div{padding:16px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid rgba(221,227,237,.9)}
.server-facts span{display:block;font-size:.75rem;color:#788195;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.server-facts strong{display:block;margin-top:3px}
.world-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:470px}
.world-mosaic figure{margin:0;overflow:hidden;border-radius:24px;position:relative;box-shadow:var(--shadow-sm)}
.world-mosaic figure:first-child{grid-row:1/3}.world-mosaic img{width:100%;height:100%;object-fit:cover}.world-mosaic figcaption{position:absolute;inset:auto 14px 14px;background:rgba(21,27,45,.78);color:#fff;padding:8px 12px;border-radius:11px;font-size:.82rem;font-weight:800;backdrop-filter:blur(10px)}
.shop-preview-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px;margin-top:40px}
.shop-preview-card{min-height:330px;padding:30px;position:relative;overflow:hidden;color:#fff;border:0;box-shadow:var(--shadow)}
.shop-preview-card:nth-child(1){background:linear-gradient(145deg,#ff5747,#ff9436)}
.shop-preview-card:nth-child(2){background:linear-gradient(145deg,#6a54ff,#9274ff)}
.shop-preview-card:nth-child(3){background:linear-gradient(145deg,#162036,#2b3a61)}
.shop-preview-card:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-90px;bottom:-100px;background:rgba(255,255,255,.13)}
.shop-preview-card h3{margin:70px 0 10px;font-size:1.75rem;letter-spacing:-.04em}.shop-preview-card p{color:rgba(255,255,255,.78);max-width:330px}.shop-preview-card a{position:absolute;left:30px;bottom:27px;font-weight:850}
.feature-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.faq-item{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.faq-item h3{margin:0 0 8px;font-size:1.1rem}.faq-item p{margin:0;color:var(--ink-soft)}

/* page hero */
.page-hero{padding:154px 0 76px;background:
  radial-gradient(circle at 85% 25%,rgba(255,77,61,.16),transparent 24%),
  radial-gradient(circle at 12% 10%,rgba(108,85,255,.13),transparent 27%),
  linear-gradient(145deg,#f9fbff,#eef2fa);color:var(--ink);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.91;margin:14px 0 0;text-transform:none}
.page-hero .lead{color:var(--ink-soft)}
.breadcrumbs{color:#7a8294}.breadcrumbs a:hover{color:var(--brand)}

/* forms */
.input,.textarea,select.input{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:15px;min-height:54px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.input:focus,.textarea:focus,select.input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(108,85,255,.11);outline:0}
.field label,.auth-modern-form>label{color:#32394b;font-weight:800}
.field small,.field-help{color:#7b8497}

/* donate */
.donate-hero{background:linear-gradient(145deg,#fff6ef,#f0f2ff);color:var(--ink)}
.donate-hero:before{background:radial-gradient(circle at 78% 38%,rgba(255,77,61,.22),transparent 31%)}
.donate-hero-copy p{color:var(--ink-soft)}
.donate-car{filter:drop-shadow(0 24px 35px rgba(37,43,64,.18))}
.checkout-layout{gap:24px}.checkout-main{gap:18px}.checkout-card,.order-summary{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);border-radius:25px}.checkout-card{padding:29px}.checkout-card h2,.order-summary h2{font-size:1.3rem}.choice label,.payment{border-color:var(--line);border-radius:17px;background:#f9fbfe}.choice input:checked+label,.payment input:checked+label{border-color:var(--violet);box-shadow:0 0 0 4px rgba(108,85,255,.1);background:#f7f5ff}.pack{background:#fff;border-color:var(--line);border-radius:15px}.pack:hover,.pack.active{border-color:var(--brand);background:#fff6f3;box-shadow:0 8px 20px rgba(255,77,61,.1)}
.order-summary{top:108px}.summary-total{background:linear-gradient(135deg,#f4f1ff,#fff5ef);border-radius:17px}.rate-note{background:#f7f9fc;border:1px solid var(--line);border-radius:14px;color:#687185}
.checkout-security{background:#f0fbf7;border-color:#cceee0;color:#2c6d53}

/* shop */
.shop-hero{background:
 radial-gradient(circle at 82% 25%,rgba(255,138,53,.24),transparent 27%),
 radial-gradient(circle at 14% 15%,rgba(108,85,255,.15),transparent 27%),
 linear-gradient(145deg,#f9fbff,#fff6ed)}
.shop-section{padding-top:55px}.shop-account-bar{border-radius:24px;padding:23px 26px;background:linear-gradient(135deg,#fff,#f7f9fe);box-shadow:var(--shadow-sm)}
.shop-account-balance strong,.shop-current-vip strong{color:var(--ink)}
.shop-section-nav{position:sticky;top:96px;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(28,35,55,.08);border-radius:18px}
.shop-section-nav a{padding:12px 18px}.shop-section-nav a:hover{background:linear-gradient(135deg,#fff2ed,#f1efff);color:var(--ink)}
.shop-category-section+.shop-category-section{margin-top:105px}
.shop-grid{gap:20px}.shop-product{border-radius:28px;overflow:hidden;box-shadow:var(--shadow-sm);background:#fff}.shop-product-art{background:linear-gradient(145deg,#f7f2ff,#fff5ed);min-height:280px}.shop-product-art img{filter:drop-shadow(0 20px 24px rgba(30,36,55,.18));transform:scale(1.08)}.shop-product-copy{padding:32px}.shop-category{background:#f0edff;color:#5e49dd;border-radius:999px;padding:7px 11px}.shop-product-footer{border-top-color:var(--line)}
.service-product{border-radius:28px;background:linear-gradient(140deg,#fff,#f6f2ff);box-shadow:var(--shadow-sm)}
.service-product-icon{background:linear-gradient(135deg,var(--violet),#9d76ff);box-shadow:0 18px 36px rgba(108,85,255,.24)}
.vip-grid{gap:22px}.vip-card{border-radius:30px;min-height:625px;transition:transform .25s,box-shadow .25s}.vip-card:hover{transform:translateY(-8px);box-shadow:0 34px 90px rgba(28,35,55,.18)}
.vip-card-standard{--vip-accent:#6955ff;--vip-accent-soft:#eeeaff;--vip-glow:rgba(105,85,255,.34)}
.vip-card-standard:before{background:linear-gradient(150deg,#ffffff,#f3f0ff)}
.vip-card-black:before{background:linear-gradient(155deg,#1f2944,#101625 64%,#182039)}
.vip-card-premium:before{background:linear-gradient(150deg,#fffdf5,#fff0ca 72%,#f7d98d)}
.vip-card h3{font-size:2.5rem}.vip-duration-picker button{border-radius:15px;min-height:66px}.vip-card-footer{margin-top:24px}.shop-note{display:none}
.vip-comparison{margin-top:28px;padding:30px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.vip-comparison-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;margin-top:20px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.vip-comparison-grid>div{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.vip-comparison-grid>div:nth-child(4n){border-right:0}.vip-comparison-grid .head{font-weight:900;background:#f5f7fb}.vip-comparison-grid .yes{color:var(--green);font-weight:900}.vip-comparison-grid .muted-cell{color:#8a92a4}
.shop-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.shop-assurance article{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.shop-assurance strong{display:block}.shop-assurance span{display:block;margin-top:5px;color:var(--ink-soft);font-size:.9rem}

/* account */
.account-page{background:var(--bg)}
.account-hero{background:
 radial-gradient(circle at 82% 20%,rgba(255,77,61,.18),transparent 24%),
 radial-gradient(circle at 15% 10%,rgba(108,85,255,.15),transparent 27%),
 linear-gradient(145deg,#f9fbff,#eef2fa);color:var(--ink);padding-top:145px;border-bottom:1px solid var(--line)}
.account-hero p{color:var(--ink-soft)}.account-hero-user{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm)}.account-hero-avatar,.sidebar-avatar,.character-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}
.account-shell{gap:24px}.account-sidebar{background:linear-gradient(155deg,#182139,#202b49);color:#fff;border:0;box-shadow:0 28px 70px rgba(19,25,43,.18);border-radius:27px}.sidebar-profile{border-bottom-color:rgba(255,255,255,.11)}.sidebar-profile small{color:#aeb8cd}.account-nav-item{color:#c6cde0;border-radius:14px}.account-nav-item:hover,.account-nav-item.active{background:rgba(255,255,255,.11);color:#fff}.account-nav-item.active:after{background:linear-gradient(var(--brand),var(--brand-2))}
.account-summary-grid{gap:15px}.account-summary-card{border-radius:23px;padding:24px;background:#fff;box-shadow:var(--shadow-sm)}.account-summary-card:nth-child(1){border-top:4px solid var(--violet)}.account-summary-card:nth-child(2){border-top:4px solid var(--brand)}.account-summary-card:nth-child(3){border-top:4px solid var(--green)}.account-summary-card:nth-child(4){border-top:4px solid var(--gold)}
.character-card,.details-card,.account-purchases-card,.exchange-panel,.audio-panel,.settings-panel{border-radius:27px;box-shadow:var(--shadow-sm);background:#fff}
.character-card{background:linear-gradient(135deg,#fff,#f8f4ff)}.character-status{background:#eaf9f2;color:#217353}.details-row{border-bottom-color:var(--line)}
.exchange-rate-box{background:linear-gradient(135deg,#f0edff,#fff2ea);border:1px solid #e4ddff;border-radius:18px}.exchange-quick button{border-radius:13px;background:#f7f9fc;border-color:var(--line)}.exchange-quick button:hover{border-color:var(--violet);background:#f1efff}.exchange-result{background:linear-gradient(135deg,#f7f4ff,#fff6f0);border-radius:18px}
.audio-actions>span{background:#f0edff;color:#5e49dd}.audio-upload-form{background:#f8faff;border-color:var(--line);border-radius:20px}.audio-track{border-color:var(--line);border-radius:18px;background:#fff}.audio-empty{background:#f8faff;border:1px dashed #cfd7e5;border-radius:19px;color:#7a8294}
.auth-modal{background:rgba(16,22,37,.62);backdrop-filter:blur(12px)}.auth-dialog{border-radius:30px;box-shadow:0 40px 110px rgba(7,11,25,.33);overflow:hidden}.auth-art{background:linear-gradient(160deg,#ff5948,#ff8e38 48%,#6e55ff)}.auth-art:after{background:linear-gradient(180deg,rgba(21,27,45,.02),rgba(21,27,45,.55))}.auth-form-side{background:#fff}.auth-tabs-modern{background:#f1f4f9}.auth-tabs-modern button.active{background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(28,35,55,.08)}

/* content/docs/contacts */
.contact-grid{gap:18px}.contact-card{padding:30px;border-radius:25px;transition:.22s}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.contact-mark{background:linear-gradient(135deg,var(--violet),#9b73ff);color:#fff}.contact-card:nth-child(2) .contact-mark{background:linear-gradient(135deg,#168bd5,#27b7ef)}.contact-card:nth-child(3) .contact-mark{background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.document{border-radius:27px;box-shadow:var(--shadow-sm)}.document h2{scroll-margin-top:120px}.side-nav{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.side-nav a:hover{background:#f2f0ff;color:var(--violet)}
.resource-grid{gap:20px}.resource-card{border-radius:27px;min-height:280px;background:linear-gradient(155deg,#fff,#f7f9ff)}
.empty-state{padding:54px;text-align:center;border:1px dashed #cbd4e2;border-radius:28px;background:rgba(255,255,255,.72)}.empty-state-icon{width:74px;height:74px;margin:0 auto 20px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#f1edff,#fff0e9);color:var(--violet);font-size:1.7rem;font-weight:950}.empty-state h2{margin:0;font-size:1.7rem}.empty-state p{max-width:560px;margin:10px auto 0;color:var(--ink-soft)}

/* payment result */
.payment-result-page{background:linear-gradient(145deg,#f8faff,#fff5ef)}.payment-result-card{border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.payment-result-icon{background:linear-gradient(135deg,#e9fbf3,#e9f6ff);color:var(--green)}.payment-result-page.failed .payment-result-icon{background:#fff0ed;color:var(--brand)}

/* footer */
.site-footer{background:linear-gradient(145deg,#151c30,#202a46);color:#fff;padding-top:72px}.footer-brand p,.footer-col a,.footer-bottom{color:#aeb8cc}.footer-logo{width:210px;padding:12px 17px;border-radius:15px;background:rgba(255,255,255,.08)}.footer-col a:hover{color:#fff}.footer-bottom{border-top-color:rgba(255,255,255,.1)}
.cookie{background:#fff;border-color:var(--line);box-shadow:var(--shadow);border-radius:20px;color:var(--ink)}
.toast{background:var(--navy);border-color:rgba(255,255,255,.12);box-shadow:0 22px 55px rgba(13,18,31,.3)}
.modal-card{border-radius:26px;background:#fff;box-shadow:var(--shadow)}

/* responsive */
@media(max-width:1100px){
  .home-hero{min-height:auto}.hero-character{right:-45px;width:52vw;opacity:.82}.hero-red-plane{right:-22vw;width:60vw}
  .server-showcase{grid-template-columns:1fr}.world-mosaic{min-height:390px}.shop-preview-grid{grid-template-columns:1fr 1fr}.shop-preview-card:first-child{grid-column:1/-1}
  .vip-comparison-grid{grid-template-columns:1fr repeat(3,.8fr)}
}
@media(max-width:920px){
  .header-inner{height:76px}.brand{width:178px;min-width:178px;height:44px}.menu-toggle{display:block;margin-left:auto}.nav{position:fixed;left:16px;right:16px;top:84px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{color:var(--ink)}
  .header-actions{margin-left:0}.account-trigger-copy{display:none}.account-trigger{width:48px;padding:0!important}.account-chevron{display:none}
  .home-hero{padding-top:124px}.hero-character{opacity:.28;width:70vw;right:-18vw}.hero-red-plane{opacity:.25;right:-35vw;width:80vw}.hero-copy{max-width:760px}.home-hero h1{max-width:700px}.home-hero p{max-width:610px}
  .stat-rail-inner{grid-template-columns:1fr 1fr}.stat-item:nth-child(2){border-right:0}.stat-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .server-facts{grid-template-columns:1fr}.shop-assurance{grid-template-columns:1fr}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 26px),var(--container))}.section{padding:70px 0}.page-hero{padding:126px 0 58px}.page-hero h1{font-size:clamp(2.65rem,14vw,4.5rem)}
  .home-hero{padding:118px 0 70px}.home-hero h1{font-size:clamp(3.25rem,15vw,5rem);line-height:.9}.hero-logo{width:280px}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.hero-meta>div:last-child{grid-column:1/-1}
  .stat-rail{margin-top:-26px}.stat-rail-inner{grid-template-columns:1fr}.stat-item{border-right:0!important;border-bottom:1px solid var(--line)!important}.stat-item:last-child{border-bottom:0!important}
  .feature-grid,.steps,.faq-grid,.shop-preview-grid{grid-template-columns:1fr}.shop-preview-card:first-child{grid-column:auto}.shop-preview-card{min-height:300px}.server-panel{padding:27px}.server-facts{grid-template-columns:1fr}.world-mosaic{grid-template-columns:1fr;grid-template-rows:repeat(3,220px)}.world-mosaic figure:first-child{grid-row:auto}
  .gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,250px)}.gallery-item:first-child{grid-row:auto}.split{grid-template-columns:1fr;gap:36px}.photo-frame img{height:430px}
  .vip-comparison{display:none}.shop-section-nav{top:84px;overflow-x:auto;flex-wrap:nowrap}.shop-section-nav a{white-space:nowrap}.shop-category-section+.shop-category-section{margin-top:76px}
  .auth-dialog{grid-template-columns:1fr}.auth-art{display:none}.account-shell{display:block}.account-sidebar{margin-bottom:18px}.account-nav{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:480px){
  .header-inner{gap:9px}.brand{width:155px;min-width:155px;padding:11px 14px}.account-trigger{width:44px!important;height:44px}.menu-toggle{width:44px;height:44px}
  .hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-meta{grid-template-columns:1fr}.hero-meta>div:last-child{grid-column:auto}
  .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.account-nav{grid-template-columns:1fr}.faq-item{padding:20px}.empty-state{padding:38px 22px}
}

/* Donation: user enters any amount; payment method is selected on payment page. */
.manual-amount-box{padding:6px 0 2px}
.amount-field{max-width:560px}
.amount-input-wrap{position:relative}
.amount-input{height:72px;padding-right:70px;font-size:1.45rem;font-weight:850;letter-spacing:-.02em}
.amount-input-suffix{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:900;color:var(--muted);pointer-events:none}
.amount-live-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:13px;padding:15px 17px;border:1px solid #e5e0ff;border-radius:15px;background:linear-gradient(135deg,#f5f2ff,#fff7f2);color:var(--muted);font-weight:750}
.amount-live-result strong{color:var(--violet);font-size:1.08rem}
.field-hint{display:block;margin-top:10px;color:var(--muted);font-size:.84rem}
.checkout-consent{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
@media (max-width:600px){.amount-input{height:64px;font-size:1.25rem}.amount-live-result{align-items:flex-start;flex-direction:column;gap:4px}}