*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}.app-shell{min-height:100dvh;padding:18px 12px 94px;background:#000;background-image:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.9)),var(--mobile-bg);background-size:cover;background-position:center top;background-attachment:fixed;display:flex;justify-content:center}.app-card{width:100%;max-width:760px;margin:0 auto;text-align:center}.app-logo-wrap{padding:0 0 18px}.app-logo{max-width:188px;max-height:74px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(255,255,255,.14))}.text-logo{font-size:30px;font-weight:900;letter-spacing:1.5px;color:#f6f6f6;text-shadow:0 2px 0 #444,0 0 18px rgba(255,255,255,.2)}.slider{width:100%;position:relative;margin:0 auto 16px}.slider-track{position:relative;width:100%;aspect-ratio:900/515;border-radius:0;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.45)}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.slide.is-active{opacity:1;pointer-events:auto}.slide img{width:100%;height:100%;display:block;object-fit:cover}.empty-slide{height:100%;display:flex;align-items:center;justify-content:center;color:#aaa;font-weight:800;border:1px dashed #555;background:#050505}.slider-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}.slider-dots button{width:7px;height:7px;border-radius:999px;border:0;background:rgba(255,255,255,.35);padding:0}.slider-dots button.active{width:18px;background:#fff}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:0 18px;margin-top:8px}.main-btn{height:58px;border-radius:13px;text-decoration:none;color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 1px rgba(0,0,0,.75);letter-spacing:.2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -7px 14px rgba(0,0,0,.5),0 3px 0 rgba(255,255,255,.35),0 10px 20px rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.72)}.btn-silver{background:linear-gradient(180deg,#f2f2f2 0%,#8c8c8c 20%,#3a3a3a 52%,#171717 100%)}.btn-red{background:linear-gradient(180deg,#ff3333 0%,#e00000 36%,#850000 100%)}.button-grid .main-btn:last-child:nth-child(odd){grid-column:1/2}.app-footer{color:#8b8b8b;font-size:13px;padding:50px 10px 12px}.bottom-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;height:76px;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,#202020,#121212);border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -14px 40px rgba(0,0,0,.55)}.nav-item{text-decoration:none;color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.nav-item span:last-child{color:#ff1e1e}.nav-icon{font-size:25px;line-height:1;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2)}.notfound{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.notfound a{color:#fff}.notfound h1{font-size:72px;margin:0}@media (max-width:520px){.app-shell{padding:14px 8px 90px}.app-card{max-width:100%}.app-logo{max-width:154px;max-height:60px}.button-grid{gap:10px;padding:0 8px}.main-btn{height:51px;border-radius:11px;font-size:13px}.app-footer{font-size:11px;padding-top:42px}.bottom-nav{height:70px}.nav-item{font-size:10px;letter-spacing:1.5px}.nav-icon{font-size:23px}}@media (min-width:900px){.app-shell{align-items:flex-start}.app-card{max-width:760px}.slider-track{aspect-ratio:900/515}.button-grid{padding:0 18px}}