:root{--gold:#ffca38;--red:#e51414;--dark:#080400;--panel:#160b04;--muted:#b5a99f;--line:rgba(255,202,56,.2);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{width:100%;min-height:100%;scroll-behavior:smooth}body{width:100%;max-width:100%;margin:0;padding-bottom:96px;background:radial-gradient(circle at 50% 0,#3d1500 0,#0b0501 38%,#030201 75%);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px}
.nav{height:78px;max-width:1180px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.brand img{width:51px;height:51px;object-fit:cover;border-radius:14px;border:1px solid #e9ac22;box-shadow:0 0 22px #d6241766;animation:logoPulse 3s ease-in-out infinite}.mini-link{color:#f5d784;text-decoration:none;border:1px solid var(--line);padding:10px 16px;border-radius:999px;background:#130b06}.official-badge{display:flex;align-items:center;gap:8px;color:#d7c8bb;font-size:13px;border:1px solid #ffffff12;background:#130a05aa;padding:9px 14px;border-radius:999px;backdrop-filter:blur(10px)}.official-badge b{width:8px;height:8px;border-radius:50%;background:#39dc75;box-shadow:0 0 12px #39dc75;animation:statusPulse 1.7s infinite}
.hero{max-width:1180px;min-height:620px;margin:auto;padding:55px 24px 75px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;position:relative}.hero-copy{animation:slideUp .85s cubic-bezier(.2,.8,.2,1) both}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.22em}.hero h1,.admin-wrap h1{font-size:clamp(54px,7vw,92px);line-height:.92;margin:20px 0 26px;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--gold);background:linear-gradient(90deg,#f6a900,#fff19b,#f6a900);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldFlow 3s linear infinite}.lead{max-width:580px;color:#c9bdb4;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:34px 0 27px}.download-btn{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 25px;border-radius:12px;background:linear-gradient(135deg,#fff082,#f4a700);color:#1d0b00;text-decoration:none;font-weight:900;font-size:16px;box-shadow:0 12px 40px #ff9d0038;cursor:pointer;transition:.25s;position:relative;overflow:hidden}.download-btn:after,.sticky-btn:after{content:"";position:absolute;inset:-70% auto -70% -35%;width:24%;background:#fff8;transform:rotate(18deg);animation:buttonShine 3s ease-in-out infinite}.download-btn:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.08)}.download-btn.disabled{filter:grayscale(1);opacity:.6;cursor:not-allowed}.version{color:#b7a99e}.trust{display:flex;gap:22px;flex-wrap:wrap;color:#90847a;font-size:13px}
.app-card{position:relative;padding:38px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(150deg,rgba(58,24,5,.92),rgba(13,7,3,.96));box-shadow:0 35px 90px #000;overflow:hidden;text-align:center;transform:rotate(1.5deg);animation:cardFloat 5s ease-in-out infinite}.app-card:before{content:"";position:absolute;inset:-80%;background:conic-gradient(transparent,#ffbf0022,transparent 30%);animation:spin 9s linear infinite}.app-card>*{position:relative}.app-card img{width:min(280px,80%);aspect-ratio:1;object-fit:cover;border-radius:27%;border:2px solid #f4b725;box-shadow:0 18px 60px #e021184f}.app-card h2{font-size:34px;margin:22px 0 8px}.app-card p{color:var(--muted);line-height:1.55}.app-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.app-stats>div{position:relative;overflow:hidden;padding:16px 10px;border:1px solid #ffc73933;border-radius:14px;background:linear-gradient(145deg,#351a08,#160a03);box-shadow:inset 0 1px #fff1,0 8px 25px #0004;animation:statGlow 2.8s ease-in-out infinite}.app-stats>div:nth-child(2){animation-delay:-1.4s}.app-stats>div:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffd65a1c 48%,transparent 70%);transform:translateX(-120%);animation:statShine 3.5s infinite}.app-stats strong,.app-stats span{position:relative;z-index:1;display:block}.app-stats strong{color:#fff2b0;font-size:21px;text-shadow:0 0 18px #ffb40055}.app-stats .rating-star{color:var(--gold)}.app-stats span{color:#d5af58;font-size:9px;font-weight:900;letter-spacing:.12em;margin-top:6px}
.steps{max-width:1180px;margin:auto;padding:0 24px 55px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{background:linear-gradient(145deg,#160b05,#0b0603);border:1px solid #ffffff0e;border-radius:18px;padding:24px;transition:.3s}.steps>div:hover{transform:translateY(-6px);border-color:var(--line)}.steps b{color:var(--gold)}.steps h3{margin:14px 0 6px}.steps p{color:#8d8279;margin:0}.security-strip{max-width:1132px;margin:0 auto 60px;padding:22px 28px;border:1px solid var(--line);border-radius:20px;background:#100804aa;display:flex;justify-content:space-around;gap:20px}.security-strip>div{display:flex;align-items:center;gap:12px}.security-strip span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2a1608;color:var(--gold);font-weight:900}.security-strip p{margin:0}.security-strip b,.security-strip small{display:block}.security-strip small{color:#897d73;margin-top:3px}footer{text-align:center;color:#6f645b;padding:30px 20px;border-top:1px solid #ffffff0c}
.sticky-download{position:fixed;z-index:50;left:0;right:0;bottom:0;padding:12px 18px calc(12px + var(--safe-bottom));background:linear-gradient(180deg,rgba(8,4,1,.72),rgba(8,4,1,.97));border-top:1px solid #f3b92b33;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -10px 45px #000}.sticky-inner{max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.sticky-app{display:flex;align-items:center;gap:12px;min-width:0}.sticky-app img{width:56px;height:56px;flex:0 0 auto;border-radius:14px;object-fit:cover;border:1px solid #eab52c}.sticky-app p{margin:0;min-width:0}.sticky-app strong,.sticky-app small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-app small{color:#a89b91;margin-top:3px}.sticky-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:9px;min-height:48px;background:linear-gradient(135deg,#fff084,#f0aa00);color:#1c0a00;text-decoration:none;font-weight:900;border-radius:12px;padding:14px 22px;box-shadow:0 8px 30px #ffae0033;transition:.25s;animation:downloadPulse 2s ease-in-out infinite}.sticky-btn:hover{transform:scale(1.03)}.sticky-btn span{font-size:20px;animation:downloadArrow 1.1s ease-in-out infinite}.sticky-btn.unavailable{filter:grayscale(1);opacity:.65;animation:none}.sparkles{position:fixed;inset:0;pointer-events:none;z-index:0}.sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffc634;box-shadow:0 0 12px #ff9d00;animation:spark 5s linear infinite}.sparkles i:nth-child(1){left:8%;top:22%;animation-delay:-1s}.sparkles i:nth-child(2){left:19%;top:68%;animation-delay:-4s}.sparkles i:nth-child(3){left:39%;top:18%;animation-delay:-2s}.sparkles i:nth-child(4){left:58%;top:78%;animation-delay:-3s}.sparkles i:nth-child(5){left:72%;top:27%;animation-delay:-.5s}.sparkles i:nth-child(6){left:88%;top:55%;animation-delay:-2.5s}.sparkles i:nth-child(7){left:51%;top:49%;animation-delay:-1.5s}.sparkles i:nth-child(8){left:95%;top:15%;animation-delay:-3.5s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes cardFloat{0%,100%{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(-.3deg) translateY(-12px)}}@keyframes logoPulse{50%{box-shadow:0 0 34px #f4a90099}}@keyframes statusPulse{50%{opacity:.45;transform:scale(.75)}}@keyframes goldFlow{to{background-position:200% center}}@keyframes buttonShine{0%,45%{left:-40%}65%,100%{left:135%}}@keyframes spark{0%,100%{opacity:0;transform:translateY(20px) scale(.5)}45%{opacity:1}70%{opacity:.3;transform:translateY(-55px) scale(1.4)}}@keyframes statGlow{50%{border-color:#ffd75f99;box-shadow:inset 0 1px #fff2,0 0 24px #ffae0026}}@keyframes statShine{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@keyframes downloadPulse{50%{box-shadow:0 8px 38px #ffb40088;filter:brightness(1.08)}}@keyframes downloadArrow{50%{transform:translateY(3px)}}
.admin-body{background:radial-gradient(circle at top,#301000,#070300 55%)}.admin-wrap{max-width:1020px;margin:auto;padding:45px 24px 80px}.admin-wrap h1{font-size:48px;margin:12px 0 30px}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.panel{background:linear-gradient(145deg,#190d06,#0d0703);border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:20px;box-shadow:0 20px 50px #0005}.login-panel{max-width:480px;margin:40px auto}.panel h1{font-size:38px}.panel h2{margin-top:0}.panel label{display:block;color:#d9cfc7;font-size:13px;font-weight:700;margin:17px 0}.panel input,.panel textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;color:white;background:#090503;border:1px solid #3c2412;border-radius:10px;outline:none;font:inherit}.panel input:focus,.panel textarea:focus{border-color:var(--gold)}.panel input[type=file]{color:#b9aaa0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.outline-btn{width:100%;padding:13px;border-radius:10px;border:1px solid var(--gold);color:var(--gold);background:transparent;font-weight:800;cursor:pointer}.hint,.panel p{color:var(--muted);line-height:1.5}.stat{display:flex;justify-content:space-between;align-items:center}.stat span{color:var(--muted)}.stat strong{font-size:34px;color:var(--gold)}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stats>div{background:#0b0502;border:1px solid #ffffff0d;padding:15px;border-radius:14px}.mini-stats span,.mini-stats strong{display:block}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats strong{font-size:23px;color:var(--gold);margin-top:7px}.notice{padding:14px 17px;border-radius:12px;margin-bottom:20px}.notice.success{background:#12331d;border:1px solid #2f8a4a}.notice.error{background:#3b1010;border:1px solid #a53333}
@media(max-width:800px){body{padding-bottom:calc(88px + var(--safe-bottom))}.nav,.hero,.steps,.security-strip,footer{width:100%;max-width:100%}.hero{grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 68px);padding:32px 20px 58px;gap:46px}.hero-copy{text-align:center;min-width:0}.hero h1{font-size:clamp(52px,14vw,66px);line-height:.94}.lead{font-size:16px;line-height:1.6;margin-left:auto;margin-right:auto}.actions,.trust{justify-content:center}.app-card{width:min(100%,520px);max-width:100%;margin:auto;transform:none}.steps,.dashboard-grid{grid-template-columns:minmax(0,1fr)}.steps{padding:0 18px 40px}.steps>div{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center;padding:19px 20px}.steps b{grid-row:1/3;font-size:22px}.steps h3{margin:0 0 4px}.steps p{grid-column:2}.security-strip{margin:0 0 40px;padding-left:18px;padding-right:18px;border-radius:0;flex-direction:column}.admin-heading{align-items:start;flex-direction:column}.nav{height:68px;padding-left:18px;padding-right:18px}.brand img{width:44px;height:44px}.brand span{font-size:14px}.official-badge{font-size:11px;padding:7px 10px}.mini-link{padding:8px 13px}.trust{gap:12px}.admin-wrap{width:100%;max-width:100%;padding:25px 16px 110px}.admin-wrap h1{font-size:40px}.panel{width:100%;padding:22px 18px;border-radius:18px}.panel input,.panel textarea{font-size:16px}.panel .download-btn,.outline-btn{width:100%;min-height:48px}.sticky-download{width:100%;padding:9px 12px calc(9px + var(--safe-bottom))}.sticky-inner{width:100%}.sticky-app img{width:48px;height:48px}.sticky-app strong{font-size:14px}.sticky-app small{font-size:11px}.sticky-btn{padding:12px 15px;font-size:13px}}
@media(max-width:430px){.hero{padding:24px 16px 48px}.hero h1{font-size:clamp(45px,13.5vw,57px);margin-top:16px}.eyebrow{font-size:10px}.lead{font-size:15px}.actions{margin:26px 0 22px}.actions .download-btn{width:100%;min-height:52px}.version{width:100%;font-size:13px}.trust{font-size:11px;gap:8px 12px}.app-card{padding:24px 20px;border-radius:24px}.app-card img{width:min(230px,78%)}.app-card h2{font-size:28px}.app-card p{font-size:14px}.app-stats strong{font-size:15px}.app-stats span{font-size:8px}.official-badge{max-width:125px}.sticky-app{gap:8px;max-width:49%}.sticky-app img{width:43px;height:43px;border-radius:11px}.sticky-btn span{display:none}.sticky-btn{padding:11px 13px;min-height:44px}.security-strip{padding:19px}.admin-wrap h1{font-size:34px}.login-panel{margin-top:20px}.field-row{grid-template-columns:1fr;gap:0}}
@media(max-width:350px){.brand span{display:none}.official-badge{font-size:10px}.hero h1{font-size:43px}.sticky-app small{display:none}.sticky-btn{font-size:12px;padding:10px}.card-meta{flex-direction:column;gap:7px}}
@media(orientation:landscape) and (max-height:520px){.hero{min-height:0;padding-top:22px}.app-card{max-width:390px}.sticky-app img{width:40px;height:40px}.sticky-download{padding-top:6px;padding-bottom:calc(6px + var(--safe-bottom))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}