body{background:#0b0912!important;overflow-x:hidden}header{z-index:10}footer,header{position:relative}footer{background:transparent!important;z-index:1}footer a,footer p{color:hsla(0,0%,100%,.4)!important}.body-container{position:relative;z-index:1}.azerite-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.azerite-swirl{border-radius:50%;filter:blur(60px);height:180vw;left:50%;margin:-90vw 0 0 -90vw;position:absolute;top:50%;width:180vw}.azerite-swirl-1{animation:az-spin 18s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,48,106,.35) 40deg,rgba(192,132,252,.25) 90deg,transparent 140deg,rgba(74,144,217,.3) 200deg,rgba(52,211,153,.15) 250deg,transparent 300deg,rgba(255,48,106,.2) 340deg,transparent 1turn)}.azerite-swirl-2{animation:az-spin 26s linear infinite reverse;background:conic-gradient(from 180deg,transparent 0deg,rgba(192,132,252,.3) 60deg,transparent 120deg,rgba(255,48,106,.2) 200deg,rgba(74,144,217,.25) 270deg,transparent 320deg,rgba(192,132,252,.15) 1turn);filter:blur(80px)}.azerite-core{animation:az-pulse 6s ease-in-out infinite;background:radial-gradient(circle,rgba(192,132,252,.18) 0,rgba(255,48,106,.1) 40%,transparent 70%);border-radius:50%;filter:blur(40px);height:60vw;left:50%;margin:-30vw 0 0 -30vw;position:absolute;top:50%;width:60vw}@keyframes az-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes az-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}#app-landing{margin:0 auto;max-width:900px;padding:48px 16px 64px;position:relative;z-index:1}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow-pulse{0%,to{box-shadow:0 8px 32px rgba(255,48,106,.35)}50%{box-shadow:0 8px 48px rgba(255,48,106,.65),0 0 0 8px rgba(255,48,106,.08)}}@keyframes bounce-dl{0%{transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes ripple-anim{to{opacity:0;transform:scale(5)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero,.landing-section,.version-note{position:relative;z-index:1}.hero{align-items:center;display:flex;flex-wrap:wrap;gap:40px;margin-bottom:64px}.hero-text{flex:1;min-width:260px}.hero-app-icon{align-items:center;animation:fade-up .5s ease both,glow-pulse 3s ease-in-out 1s infinite;background:linear-gradient(135deg,#ff306a,#c0185a);border-radius:20px;box-shadow:0 8px 32px rgba(255,48,106,.35);color:#fff;display:flex;flex-shrink:0;font-size:36px;height:80px;justify-content:center;margin-bottom:20px;width:80px}.hero-title{animation:fade-up .55s ease .1s both;color:#fff;font-size:36px;font-weight:800;line-height:1.15;margin:0 0 10px}.hero-subtitle{animation:fade-up .55s ease .2s both;color:hsla(0,0%,100%,.55);font-size:16px;line-height:1.6;margin:0 0 28px}.hero-actions{animation:fade-up .55s ease .3s both;display:flex;flex-wrap:wrap;gap:12px}.btn-download{align-items:center;background:#ff306a;border-radius:12px;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:12px;overflow:hidden;padding:13px 24px;position:relative;text-decoration:none;transition:transform .15s}.btn-download:hover{color:#fff!important;text-decoration:none}.btn-download:active{transform:scale(.96)}.btn-download .dl-icon{flex-shrink:0;font-size:24px;transition:transform .2s}.btn-download.downloading .dl-icon{animation:bounce-dl .6s ease}.btn-download .ripple{animation:ripple-anim .55s linear forwards;background:hsla(0,0%,100%,.25);border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.btn-download .dl-meta{display:flex;flex-direction:column;text-align:left}.btn-download .dl-label{font-size:11px;font-weight:500;opacity:.8}.btn-download .dl-name{font-size:15px;font-weight:700}.hero-mockup{align-items:center;animation:fade-in-right .6s ease .15s both,float 5s ease-in-out 1s infinite;aspect-ratio:9/19;background:#2b2b2b;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;box-shadow:0 24px 64px rgba(0,0,0,.5);color:hsla(0,0%,100%,.15);display:flex;flex-shrink:0;font-size:13px;justify-content:center;overflow:hidden;width:220px}.hero-mockup i{color:hsla(0,0%,100%,.08);font-size:48px}.landing-section{margin-bottom:56px}.landing-section-title{color:hsla(0,0%,100%,.3);font-size:11px;font-weight:700;letter-spacing:1.4px;margin:0 0 20px;text-transform:uppercase}.landing-h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.landing-lead{color:hsla(0,0%,100%,.45);font-size:14px;margin:0 0 24px}.feature-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#2b2b2b;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;opacity:0;padding:20px;transform:translateY(20px);transition:opacity .45s ease,transform .45s ease,border-color .2s}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:hsla(0,0%,100%,.18);transform:translateY(-3px)}.feature-icon{align-items:center;border-radius:10px;display:flex;font-size:17px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.feature-card h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 6px}.feature-card p{color:hsla(0,0%,100%,.45);font-size:13px;line-height:1.5;margin:0}.feature-icon--offline{background:rgba(96,165,250,.15);color:#60a5fa}.feature-icon--sync{background:rgba(52,211,153,.15);color:#34d399}.feature-icon--favorites{background:rgba(251,191,36,.15);color:#fbbf24}.feature-icon--search{background:rgba(192,132,252,.15);color:#c084fc}.feature-icon--achievements{background:rgba(251,146,60,.15);color:#fb923c}.feature-icon--premium{background:rgba(255,48,106,.15);color:#ff306a}.feature-icon--reader{background:rgba(234,179,8,.15);color:#eab308}.feature-icon--multilingual{background:rgba(20,184,166,.15);color:#14b8a6}.feature-icon--progress{background:rgba(99,102,241,.15);color:#6366f1}.version-note{color:hsla(0,0%,100%,.25);font-size:12px;margin-top:40px;text-align:center}@media (max-width:640px){.hero{flex-direction:column;gap:24px}.hero-mockup{width:160px}.feature-grid{grid-template-columns:1fr 1fr}.hero-title{font-size:26px}}@media (max-width:400px){.feature-grid{grid-template-columns:1fr}}