@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;--bg: #050112;--bg-alt: #14092f;--surface: rgba(14, 8, 32, .9);--surface-alt: rgba(255, 255, 255, .04);--text: #f6f3ff;--muted: rgba(241, 235, 255, .68);--border: rgba(255, 255, 255, .12);--primary: #9e86ff;--primary-dark: #6b4df6;--accent: #16f1c9;--glow: 0 35px 120px rgba(102, 77, 246, .45);--shadow: 0 25px 60px rgba(2, 3, 33, .65);--radius-lg: 30px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 20%,rgba(120,69,255,.26),transparent 45%),radial-gradient(circle at 90% 10%,rgba(22,241,201,.18),transparent 35%),linear-gradient(135deg,var(--bg),var(--bg-alt));color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath fill='rgba(255,255,255,0.02)' d='M0 0h20v1H0zM0 40h10v1H0zM50 20h20v1H50zM120 60h10v1h-10zM140 120h15v1h-15z'/%3E%3C/svg%3E");opacity:.9;z-index:-1}a{text-decoration:none;color:inherit}p,li{color:var(--muted);line-height:1.7}::selection{background:#6e4df699;color:#fff}img{max-width:100%;display:block}button,a,input{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(156,134,255,.18),transparent 60%),radial-gradient(circle at 80% 0%,rgba(22,241,201,.12),transparent 45%);pointer-events:none;z-index:-1}main{flex:1;width:min(1200px,100%);margin:0 auto;padding:0 24px 96px}.btn{border:none;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:14px 30px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:var(--glow)}.btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.05)}.btn--ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.15);box-shadow:none}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#080618bf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059}.navbar__brand{font-weight:700;font-size:1.1rem;color:var(--text);letter-spacing:.02em}.navbar__links{display:flex;align-items:center;gap:24px}.navbar__links-items{display:flex;gap:20px}.navbar__links-items a{font-size:.95rem;color:var(--muted);transition:color .2s ease}.navbar__links-items a:hover{color:#fff}.navbar__actions{display:flex;align-items:center;gap:12px}.navbar__ghost{padding:10px 16px;border-radius:999px;border:1px solid transparent;color:var(--muted)}.navbar__ghost:hover{border-color:#fff3;color:#fff}.navbar__primary{border:none;background:linear-gradient(135deg,#fff,#c7b7ff);color:#1a1036;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;box-shadow:0 15px 35px #ffffff40}.navbar__toggle{display:none;background:none;border:none;flex-direction:column;gap:4px;padding:4px}.navbar__toggle span{width:22px;height:2px;background:var(--text)}.hero{padding-top:64px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;min-height:70vh;justify-content:center}.hero__eyebrow{font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,4vw,3.8rem);margin-bottom:16px;color:#fff}.hero__description{max-width:540px;margin:0 auto 24px}.hero__chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.hero__chips span{font-size:.85rem;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffd9}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;justify-content:center}.hero__badge{display:inline-flex;flex-direction:column;gap:4px;padding:14px 20px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1a;margin-bottom:28px}.hero__badge p{color:#fff;font-weight:600}.hero__badge span{font-size:.85rem;color:var(--muted)}.hero__stats{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0}.hero__stats li{padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.hero__stats span{font-size:1.5rem;font-weight:600;color:var(--text)}.hero__visual{position:relative}.hero-card{background:#090514e6;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow),0 0 60px #6c4df640;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.hero-card__header,.hero-card__footer{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--muted)}.hero-card__body{margin:24px 0}.hero-card__title{font-weight:600;color:var(--text)}.hero-card__meta{font-size:.85rem}.hero-card__progress{height:8px;border-radius:999px;background:#ffffff14;margin:16px 0}.hero-card__progress div{width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--primary));box-shadow:0 0 20px #16f1c966}.hero-card__badges{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:0;margin:0}.hero-card__badges li{border:1px solid var(--border);border-radius:12px;padding:12px}.hero-card__badges span{font-size:.85rem;color:var(--text);font-weight:600}.hero-card__footer button{border:none;background:#fff;color:#1c1234;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:600}.hero__orb{position:absolute;border-radius:50%;filter:blur(0px);opacity:.6}.hero__orb--one{width:220px;height:220px;top:-40px;right:0;background:radial-gradient(circle,rgba(158,134,255,.7),transparent 65%)}.hero__orb--two{width:160px;height:160px;bottom:-60px;left:60px;background:radial-gradient(circle,rgba(22,241,201,.6),transparent 70%)}.hero-floating{position:absolute;padding:12px 18px;border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000059}.hero-floating--xp{top:-32px;left:-24px}.hero-floating--level{bottom:-28px;right:10px}.hero-floating p{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin:0;color:var(--muted)}.hero-floating span{color:#fff;font-weight:600}.section{margin-top:96px}.section--surface{padding:64px;border-radius:var(--radius-lg);background:#090618bf;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.section-header{max-width:640px;margin:0 auto 48px;text-align:center}.section-header--left{margin-left:0;text-align:left}.section-header--center{text-align:center}.section-header__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:600;color:var(--accent)}.section-header h2{margin:12px 0;font-size:clamp(1.8rem,3vw,2.6rem);color:#fff}.section-header__description{margin:0;color:var(--muted)}.section__header-inline{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}.icon-ring{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#6c4df626,#0cc5b740);display:grid;place-items:center;color:var(--primary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature-card{background:#ffffff08;padding:32px;border-radius:28px;border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 60px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feature-card h3{margin:16px 0 8px;color:#fff}.feature-card ul{padding-left:20px;margin:0}.library-callout{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.library-callout span{font-size:.9rem;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px}.library-card{padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.library-card__tag{font-size:.8rem;color:var(--accent);letter-spacing:.08em}.library-card__author{color:var(--muted);margin-top:-8px}.library-card__summary{font-size:.92rem}.library-card__meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);margin-top:16px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.plan-card{padding:36px;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:#090618bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 60px #00000073}.plan-card--recommended{border-color:transparent;background:linear-gradient(135deg,#6e4df673,#16f1c940);box-shadow:var(--glow)}.plan-card__badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#6c4df626;color:var(--primary);font-size:.8rem;font-weight:600}.plan-card__price{font-size:2.1rem;font-weight:600;margin:12px 0;color:#fff}.plan-card__price span{font-size:1rem;color:var(--muted);margin-left:4px}.plan-card__features{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:10px}.plan-card__features li:before{content:"•";color:var(--primary);margin-right:6px}.comparison-table__wrapper{margin-top:48px;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow-x:auto;background:#040212d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.comparison-table{width:100%;border-collapse:collapse;min-width:640px}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted)}.comparison-table th{background:#ffffff0a;font-weight:600}.comparison-table th strong{display:block;font-size:1rem;color:#fff}.comparison-table th small{color:var(--muted);margin-left:4px}.table-icon{display:inline-flex;width:32px;height:32px;border-radius:999px;align-items:center;justify-content:center}.table-icon--positive{background:#0cc5b726;color:var(--accent)}.table-icon--negative{background:#ffffff14;color:var(--muted)}.table-text{font-size:.95rem}.account{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:48px;border-radius:32px;background:linear-gradient(135deg,#6e4df633,#16f1c92e);border:1px solid rgba(255,255,255,.1);box-shadow:var(--glow)}.account__eyebrow{font-weight:600;color:var(--accent)}.account__actions{display:flex;flex-direction:column;gap:12px}.account__note{font-size:.85rem}.store-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.store-button{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.12);min-width:220px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}.store-button span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.store-button p{margin:0;color:var(--text);font-weight:600}.download-actions{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:32px}.footer{border-top:1px solid rgba(255,255,255,.08);padding:40px 24px 64px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.footer__brand{font-weight:700;font-size:1.1rem}.footer__links{display:flex;gap:16px;flex-wrap:wrap}.footer__links a{color:var(--muted)}.footer__links a:hover{color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0806208c}.modal__content{position:relative;background:#040212eb;padding:36px;border-radius:32px;width:min(900px,92%);max-height:90vh;overflow-y:auto;box-shadow:var(--glow);border:1px solid rgba(255,255,255,.1)}.modal__close{position:absolute;top:16px;right:16px;border:none;background:transparent;font-size:1.5rem;cursor:pointer}.modal__eyebrow{font-size:.85rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.modal__steps{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:16px}.modal__description{margin-top:4px;color:var(--muted)}.modal__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;margin-top:24px}.modal__sidebar{display:flex;flex-direction:column;gap:16px}.modal__plan-card{padding:20px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal__plan-card h4{margin:8px 0 4px;color:#fff}.modal__plan-price{font-size:1.8rem;margin:0;font-weight:600;color:#fff}.modal__plan-price span{font-size:.95rem;margin-left:6px;color:var(--muted)}.modal__plan-card ul{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px;font-size:.9rem}.modal__plan-card li:before{content:"•";color:var(--accent);margin-right:6px}.modal__plan-pill{width:fit-content;padding:4px 12px;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.modal__steps li{display:flex;gap:16px}.modal__steps span{width:32px;height:32px;border-radius:999px;background:#6c4df61f;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.modal__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.modal__contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.contact-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-card__label{font-weight:600;color:var(--text)}.contact-card__detail{font-size:.95rem;color:var(--primary);font-weight:600}.contact-card__instruction{font-size:.85rem}.contact-card__link{font-size:.9rem;color:var(--primary);font-weight:600}.contact-card__asset{border:1px dashed rgba(255,255,255,.15);border-radius:12px;padding:8px}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal__header h2{margin:0}.modal__body{text-align:center}.modal__plan-details{margin:16px 0;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.modal__qr-code{max-width:200px;margin:16px auto;border-radius:16px}.modal__instructions{font-size:.9rem;color:var(--muted)}@media (max-width: 900px){.navbar__toggle{display:flex}.navbar__links{position:absolute;top:70px;right:24px;left:24px;background:#060412f2;border-radius:20px;padding:20px;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.12);display:none}.navbar__links--open{display:flex}.navbar__links-items,.navbar__actions{flex-direction:column;width:100%}.navbar__actions{align-items:stretch}.comparison-table__wrapper{overflow-x:auto}.section--surface{padding:48px 32px}.account{padding:32px}.modal__grid{grid-template-columns:1fr}}@media (max-width: 640px){main{padding:0 16px 64px}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin-top:72px}.section--surface{padding:32px 24px}.account{padding:24px}.hero-floating{display:none}}