.download-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:130px 20px 60px;background:#000 url(/images/download-background.jpg) center / cover no-repeat fixed}.download-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#00000073,#0000004d 45%,#00000080);pointer-events:none}.download-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1360px;width:100%;align-items:stretch}.download-card{--accent: #7dd3fc;--accent-line: rgba(125, 211, 252, .5);--accent-glow: rgba(125, 211, 252, .35);position:relative;display:flex;flex-direction:column;text-align:center;width:100%;padding:36px 24px 30px;border-radius:22px;border:1px solid var(--accent-line);background:linear-gradient(165deg,#ffffff12,#0d1018b8 42%,#06080ddb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 28px -10px var(--accent-glow),0 18px 40px -24px #000000e6,inset 0 1px #ffffff12;animation:download-card-rise .7s cubic-bezier(.22,1,.36,1) both;transition:scale .45s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1),filter .45s ease,box-shadow .45s ease,border-color .45s ease}.download-card--mobile{--accent: #a3e635;--accent-line: rgba(163, 230, 53, .5);--accent-glow: rgba(163, 230, 53, .35);animation-delay:.05s}.download-card--steam{--accent: #38bdf8;--accent-line: rgba(56, 189, 248, .5);--accent-glow: rgba(56, 189, 248, .35);animation-delay:.17s}.download-card--windows{--accent: #3b9dff;--accent-line: rgba(59, 157, 255, .5);--accent-glow: rgba(59, 157, 255, .35);animation-delay:.29s}.download-card--mac{--accent: #c084fc;--accent-line: rgba(192, 132, 252, .5);--accent-glow: rgba(192, 132, 252, .35);animation-delay:.41s}@keyframes download-card-rise{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.download-card:hover{scale:1.05;translate:0 -10px;z-index:2;border-color:var(--accent);box-shadow:0 0 46px -8px var(--accent-glow),0 26px 50px -26px #000000f2,inset 0 1px #ffffff1f}.download-grid:has(.download-card:hover) .download-card:not(:hover){scale:.94;filter:saturate(.7) brightness(.78)}.download-logos{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;min-height:100px}.download-logos:before{content:"";position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 68%);filter:blur(14px);animation:download-halo-pulse 4.5s ease-in-out infinite;pointer-events:none}.download-card--steam .download-logos:before{animation-delay:.6s}.download-card--windows .download-logos:before{animation-delay:1.2s}.download-card--mac .download-logos:before{animation-delay:1.8s}@keyframes download-halo-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}}.download-logos img{position:relative;width:80px;height:80px;object-fit:contain;transition:transform .35s cubic-bezier(.22,1,.36,1)}.download-logos img.is-apple{filter:brightness(1.35) drop-shadow(0 0 12px var(--accent-glow))}.download-card:hover .download-logos img{transform:scale(1.08) translateY(-2px)}.download-info{padding-top:22px;display:flex;flex-direction:column;flex:1}.download-title{font-size:25px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 18px var(--accent-glow);margin:0 0 12px}.download-description{font-size:14px;color:#ffffffb8;line-height:1.55;max-width:260px;margin:0 auto}.download-divider{position:relative;width:78%;height:1px;margin:22px auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}.download-divider:after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);background:#0a0c12;border:1px solid var(--accent);box-shadow:0 0 10px var(--accent-glow);transition:box-shadow .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}.download-card:hover .download-divider:after{transform:translate(-50%,-50%) rotate(135deg);box-shadow:0 0 16px var(--accent)}.download-actions{flex:1;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.download-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:272px;padding:18px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#04060ad9;color:#fff;font-size:15px;font-weight:600;line-height:1.3;text-wrap:balance;text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.download-button:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transition:left .6s ease}.download-button:hover:before{left:130%}.download-button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 0 22px -4px var(--accent-glow)}.download-button svg{width:18px;height:18px;flex-shrink:0}.download-button .spinner{animation:download-spin 1s linear infinite}@keyframes download-spin{to{transform:rotate(360deg)}}.download-button[aria-disabled=true]{opacity:.5;pointer-events:none}.download-build{margin:-4px 0 0;font-size:12px;color:#ffffff8c}.download-store-badge{display:block;width:100%;max-width:200px;border-radius:10px;transition:transform .25s ease,box-shadow .25s ease}.download-store-badge:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 22px -4px var(--accent-glow)}.download-store-badge img{display:block;width:100%;height:auto}.download-countdown{position:fixed;top:60px;left:0;right:0;z-index:40;display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#2c2f3a,#1a1c24);border-bottom:2px solid #ffd800;animation:download-countdown-slide .3s ease}.download-countdown.hidden{display:none}.download-countdown p{margin:0;color:#ffd800;font-weight:600}.download-countdown button{background:transparent;border:1px solid #f0e6b1;color:#f0e6b1;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s ease,color .2s ease}.download-countdown button:hover{background:#f0e6b1;color:#000}@keyframes download-countdown-slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(max-width:1200px){.download-grid{grid-template-columns:repeat(2,1fr);max-width:760px}}@media(max-width:700px){.download-grid{grid-template-columns:1fr;max-width:400px}.download-page{background-attachment:scroll}}@media(prefers-reduced-motion:reduce){.download-card,.download-logos:before,.download-countdown{animation:none}.download-card,.download-card:hover,.download-grid:has(.download-card:hover) .download-card:not(:hover){scale:none;translate:none;filter:none;transition:none}.download-logos img,.download-button,.download-button:before,.download-divider:after,.download-store-badge{transition:none;transform:none}.download-divider:after{transform:translate(-50%,-50%) rotate(45deg)}}