.hdr{position:relative;z-index:5;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px;background:linear-gradient(180deg,#020814eb,#02081433);border-bottom:1px solid rgba(21,52,90,.35)}.hdr__brand{display:flex;align-items:center;gap:8px}.hdr__mark{width:28px;height:28px;filter:drop-shadow(0 0 8px rgba(0,168,255,.4));animation:birdIdle 3.6s ease-in-out infinite}.hdr__name{font-family:var(--font-pixel);font-size:13px;letter-spacing:.06em;display:inline-flex;align-items:center;gap:4px}.hdr__flappy{color:var(--white);text-shadow:0 2px 0 rgba(0,0,0,.5)}.hdr__vpn{color:var(--green);text-shadow:0 0 10px rgba(108,255,46,.55),0 2px 0 rgba(0,0,0,.5)}.hdr__shield{width:16px;height:16px;filter:drop-shadow(0 0 6px rgba(108,255,46,.45))}.hdr__menu{width:32px;height:32px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:6px;padding:6px}.hdr__menu span{display:block;width:3px;height:3px;background:var(--muted);border-radius:1px}.hdr__menu:hover span{background:var(--cyan)}.bnav{position:absolute;bottom:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:10px 6px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#07111feb,#020814fa);border-top:2px solid rgba(21,52,90,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bnav__item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px 4px;border-radius:12px;transition:background .16s ease,transform .16s ease}.bnav__item:hover{background:#ffffff08}.bnav__item:active{transform:translateY(1px)}.bnav__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:transparent;border:2px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.bnav__icon{width:22px;height:22px;opacity:.55;filter:grayscale(.5);transition:opacity .2s ease,filter .2s ease}.bnav__label{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.03em}.bnav__item.is-active .bnav__icon{opacity:1;filter:none}.bnav__item.is-active .bnav__label{font-family:var(--font-pixel);font-size:9px;letter-spacing:.08em}.bnav__item--green.is-active .bnav__icon-wrap{background:#6cff2e14;border-color:var(--green);box-shadow:var(--glow-green)}.bnav__item--green.is-active .bnav__label{color:var(--green);text-shadow:0 0 8px rgba(108,255,46,.45)}.bnav__item--cyan.is-active .bnav__icon-wrap{background:#27d8ff14;border-color:var(--cyan);box-shadow:0 0 20px #27d8ff52}.bnav__item--cyan.is-active .bnav__label{color:var(--cyan);text-shadow:0 0 8px rgba(39,216,255,.45)}.bnav__item--yellow.is-active .bnav__icon-wrap{background:#ffd21a14;border-color:var(--yellow);box-shadow:var(--glow-yellow)}.bnav__item--yellow.is-active .bnav__label{color:var(--yellow);text-shadow:0 0 8px rgba(255,210,26,.45)}.bnav__item--muted.is-active .bnav__icon-wrap{background:#9aa6bb14;border-color:var(--muted);box-shadow:0 0 14px #9aa6bb2e}.bnav__item--muted.is-active .bnav__label{color:var(--white)}.home{display:flex;flex-direction:column;gap:12px}.traffic{position:relative;height:180px;border-radius:var(--r-card);overflow:hidden;border:2px solid rgba(108,255,46,.32);box-shadow:inset 0 0 0 1px #6cff2e0f,0 0 24px #6cff2e2e,0 6px #00000073}.traffic__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 30%,rgba(0,168,255,.2),transparent 60%),radial-gradient(ellipse at 30% 10%,rgba(168,79,255,.15),transparent 55%),linear-gradient(180deg,#061227,#0a1c38 70%,#06122a)}.traffic__stars{position:absolute;top:0;right:0;bottom:0;left:0}.traffic__star{position:absolute;width:10px;height:10px;filter:drop-shadow(0 0 6px rgba(255,210,26,.65));animation:starTwinkle 2.6s ease-in-out infinite;opacity:.85}.traffic__city{position:absolute;left:0;right:0;bottom:0;height:56px;background:repeating-linear-gradient(90deg,#0d2240 0,#0d2240 18px,#07152a 18px,#07152a 22px,#0a1c38 22px,#0a1c38 38px,#07152a 38px,#07152a 42px,#0d2240 42px,#0d2240 60px,#07152a 60px,#07152a 64px),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 100%);border-top:2px solid rgba(11,27,52,.95);box-shadow:inset 0 4px #ffd21a0f}.traffic__city:before{content:"";position:absolute;top:8px;right:0;bottom:14px;left:0;background:radial-gradient(circle at 12% 50%,rgba(255,210,26,.55) 0 2px,transparent 3px),radial-gradient(circle at 22% 70%,rgba(0,218,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 34% 40%,rgba(255,210,26,.55) 0 2px,transparent 3px),radial-gradient(circle at 48% 60%,rgba(255,210,26,.45) 0 2px,transparent 3px),radial-gradient(circle at 60% 30%,rgba(0,218,255,.55) 0 2px,transparent 3px),radial-gradient(circle at 76% 60%,rgba(255,210,26,.55) 0 2px,transparent 3px),radial-gradient(circle at 88% 40%,rgba(0,218,255,.55) 0 2px,transparent 3px);background-repeat:no-repeat}.traffic__hill{position:absolute;bottom:36px;width:200%;height:80px;border-radius:50%;filter:blur(.3px)}.traffic__hill--a{background:radial-gradient(circle at 50% 100%,rgba(20,50,90,.85) 0 40%,transparent 41%);left:-50%}.traffic__hill--b{background:radial-gradient(circle at 70% 100%,rgba(13,34,64,.7) 0 35%,transparent 36%);bottom:40px;left:-20%}.traffic__label{position:relative;z-index:2;display:inline-block;padding:12px 0 0 14px}.traffic__num{position:absolute;bottom:10px;left:14px;z-index:2;display:flex;align-items:baseline;gap:6px;color:var(--green);text-shadow:0 0 16px rgba(108,255,46,.6),0 0 3px rgba(108,255,46,.85),0 3px 0 rgba(0,0,0,.7)}.traffic__digits{font-family:var(--font-pixel);font-size:44px;line-height:1;letter-spacing:.02em}.traffic__unit{font-family:var(--font-pixel);font-size:14px;color:var(--white);text-shadow:0 2px 0 rgba(0,0,0,.6)}.traffic__bird{position:absolute;width:92px;top:24px;right:8px;z-index:3;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(0,168,255,.55))}.premium-row{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:linear-gradient(180deg,#ffd21a29,#ff9d0014);border:2px solid rgba(255,210,26,.55);border-radius:10px;color:var(--white);text-align:left;box-shadow:0 4px #00000059,inset 0 0 0 1px #00000040;transition:background .16s ease,border-color .16s ease}.premium-row:hover{background:#ffd21a38;border-color:var(--yellow)}.premium-row__crown{width:22px;height:22px;filter:drop-shadow(0 0 8px rgba(255,210,26,.8))}.premium-row__text{flex:1;font-size:13px}.premium-row__text b{font-family:var(--font-pixel);font-size:11px;color:var(--yellow);text-shadow:0 0 10px rgba(255,210,26,.65);letter-spacing:.06em}.premium-row__days{color:var(--white);font-size:12px;opacity:.9}.premium-row__chev{color:var(--yellow);font-size:22px;line-height:1;font-family:var(--font-pixel)}.usage,.devices{position:relative;z-index:2;background:linear-gradient(180deg,#07111fd9,#07152ae6);border:2px solid var(--line);border-radius:var(--r-card);padding:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.usage__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.usage__right{text-align:right}.usage__num{font-family:var(--font-pixel);font-size:18px;color:var(--white);text-shadow:0 2px 0 rgba(0,0,0,.5)}.usage__num i{font-style:normal;font-size:11px;color:var(--muted);margin-left:4px}.usage__period{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.02em}.usage__chart{display:block;width:100%;height:50px;margin:6px 0;filter:drop-shadow(0 0 6px rgba(0,168,255,.4))}.usage__days{display:grid;grid-template-columns:repeat(7,1fr);font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.usage__days span{text-align:center}.devices__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.devices__dots{display:inline-flex;gap:6px}.devices__dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#15345af2;border:1px solid rgba(108,255,46,.3)}.devices__num{font-family:var(--font-pixel);font-size:18px;color:var(--white);letter-spacing:.04em}.devices__num b{color:var(--cyan);text-shadow:0 0 10px rgba(39,216,255,.55);font-weight:400}.devices__num span{color:var(--muted);font-size:13px}@media (max-width: 380px){.traffic{height:160px}.traffic__digits{font-size:36px}.traffic__bird{width:80px}}.connect{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.connect__field{display:flex;flex-direction:column;gap:6px}.connect__link{font-family:var(--font-mono);font-size:14px;color:var(--white);background:linear-gradient(180deg,#061227eb,#050d1eeb);border:2px solid rgba(0,168,255,.45);border-radius:10px;padding:11px 14px;letter-spacing:.02em;word-break:break-all;box-shadow:inset 0 0 0 1px #0006,0 0 14px #00a8ff26}.connect__copy{width:100%}.connect__copy-glyph{font-family:var(--font-pixel);font-size:14px;line-height:1}.qr-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:8px;padding:14px;background:radial-gradient(ellipse at 70% 30%,rgba(0,168,255,.18),transparent 60%),linear-gradient(180deg,#061227eb,#050d1eeb);border:2px solid rgba(39,216,255,.5);border-radius:14px;box-shadow:0 0 24px #27d8ff40,inset 0 0 0 1px #00000073}.qr-card__corner{position:absolute;width:16px;height:16px;border:3px solid var(--cyan);filter:drop-shadow(0 0 6px rgba(39,216,255,.7))}.qr-card__corner--tl{top:6px;left:6px;border-right:none;border-bottom:none}.qr-card__corner--tr{top:6px;right:6px;border-left:none;border-bottom:none}.qr-card__corner--bl{bottom:6px;left:6px;border-right:none;border-top:none}.qr-card__corner--br{bottom:6px;right:6px;border-left:none;border-top:none}.qr-card__qr{display:block;width:100%;max-width:180px;margin:4px auto;background:#f6f9ff;padding:8px;border-radius:8px;box-shadow:0 0 0 2px #0006;image-rendering:pixelated}.qr-card__side{position:relative;width:100%;min-height:140px}.qr-card__bird{position:absolute;width:110px;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 0 rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(0,168,255,.5))}.qr-card__star{position:absolute;width:14px;filter:drop-shadow(0 0 8px rgba(255,210,26,.7))}.qr-card__star--a{top:4%;right:4%}.qr-card__star--b{bottom:8%;left:12%;animation-delay:-1.2s}.qr-card__star--c{top:38%;right:18%;width:10px;animation-delay:-.6s}.connect__hint{font-family:var(--font-mono);font-size:12px;color:var(--cyan);text-align:center;letter-spacing:.03em;margin-top:2px;text-shadow:0 0 10px rgba(39,216,255,.4)}.clients{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:4px}.client{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:linear-gradient(180deg,#07111fd9,#07111f8c);border:2px solid rgba(21,52,90,.85);border-radius:8px;font-family:var(--font-mono);font-size:12px;color:var(--white);transition:border-color .16s ease,background .16s ease}.client:hover{border-color:var(--cyan);background:#07111ff2}.client__name{letter-spacing:.02em}.connect__platforms{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}.plat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(21,52,90,.85);border-radius:999px;background:#07111f8c;font-family:var(--font-mono);font-size:12px;color:var(--white)}.connect__copy-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--cyan);font-family:var(--font-mono);font-size:13px;padding:8px 0;margin-top:2px;width:100%}.connect__copy-link:hover{text-shadow:0 0 10px rgba(39,216,255,.6)}@media (max-width: 380px){.qr-card__qr{max-width:150px}.qr-card__bird{width:96px}}.plans{display:flex;flex-direction:column;gap:12px}.plans__head{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;align-items:center;padding:4px 2px 0}.plans__title{display:flex;flex-direction:column;gap:6px}.plans__name{font-family:var(--font-pixel);font-size:28px;color:var(--yellow);letter-spacing:.02em;text-shadow:0 0 18px rgba(255,210,26,.55),0 3px 0 rgba(0,0,0,.5);line-height:1}.plans__hero{position:relative;width:130px;height:110px}.plans__hero-bird{position:absolute;width:96px;top:8px;right:10px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(255,210,26,.55))}.plans__hero-coin{position:absolute;width:24px;bottom:8px;right:4px}.plans__hero-star{position:absolute;width:14px}.plans__hero-star--a{top:4px;left:14px}.plans__hero-star--b{top:28px;left:0;animation-delay:-1.2s}.plans__meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px;color:var(--white);padding:0 2px}.plans__meta-price{font-family:var(--font-pixel);font-size:12px;color:var(--yellow);text-shadow:0 0 8px rgba(255,210,26,.55)}.plans__meta-dot,.plans__meta-bullet{color:var(--muted)}.plans__sub{font-size:12px;color:var(--muted);padding:0 2px}.plans__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.stat{background:linear-gradient(180deg,var(--panel) 0%,var(--bg2) 100%);border:2px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.stat__num{font-family:var(--font-pixel);font-size:18px;color:var(--yellow);text-shadow:0 0 10px rgba(255,210,26,.45);letter-spacing:.02em}.stat__num i{font-style:normal;font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-left:4px}.stat__num--cyan{color:var(--white);text-shadow:0 0 10px rgba(39,216,255,.35)}.plans__toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.tog{font-family:var(--font-pixel);font-size:12px;letter-spacing:.06em;padding:12px 0;border-radius:10px;border:2px solid var(--line);background:#07111f99;color:var(--white);transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.tog:hover{border-color:#ffd21a80}.tog--active{background:linear-gradient(180deg,#ffe14b 0%,var(--yellow) 60%,#e0aa00 100%);color:#2a1d00;border-color:#5a3f00;box-shadow:0 4px #6a4a00,var(--glow-yellow)}.plans__best{text-align:center;font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;color:var(--orange);text-shadow:0 0 8px rgba(255,157,0,.55);margin-top:2px}.plans__cta{margin-top:4px}.plans__cta-star{color:#2a1d00}.plans__balance{display:inline-flex;align-items:center;gap:8px;margin:6px auto 0;padding:8px 14px;background:linear-gradient(180deg,#ffd21a1a,#ff9d000d);border:1px solid rgba(255,210,26,.3);border-radius:10px}.plans__trophy{font-size:16px;filter:drop-shadow(0 0 8px rgba(255,210,26,.5))}.plans__balance-num{font-family:var(--font-pixel);font-size:14px;color:var(--yellow);text-shadow:0 0 10px rgba(255,210,26,.45)}@media (max-width: 380px){.plans__name{font-size:22px}.plans__hero{width:110px;height:96px}.plans__hero-bird{width:82px}}.settings{display:flex;flex-direction:column;gap:12px}.settings__head{padding:2px}.settings__list{display:flex;flex-direction:column;gap:8px}.srow{display:grid;grid-template-columns:32px 1fr 14px;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;background:linear-gradient(180deg,var(--panel) 0%,var(--bg2) 100%);border:2px solid var(--line);border-radius:10px;transition:border-color .16s ease,background .16s ease}.srow:hover{border-color:var(--cyan)}.srow__icon{width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(0,168,255,.35))}.srow__text{display:flex;flex-direction:column;gap:2px}.srow__text b{font-family:var(--font-pixel);font-size:10px;letter-spacing:.05em;color:var(--white)}.srow__text span{font-size:11px;color:var(--muted)}.srow__chev{color:var(--muted);font-size:16px;line-height:1}.settings__tg{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,#00a8ff24,#00a8ff0f);border:2px solid rgba(0,168,255,.45);border-radius:10px;color:var(--white);font-family:var(--font-pixel);font-size:10px;letter-spacing:.06em;margin-top:4px;transition:background .16s ease,border-color .16s ease}.settings__tg:hover{background:#00a8ff38;border-color:var(--blue)}.settings__tg img{width:20px;height:20px}.settings__copy{text-align:center;font-size:10px;color:var(--muted);margin-top:6px;letter-spacing:.05em}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -10%,rgba(0,168,255,.18),transparent 55%),radial-gradient(ellipse at 80% 0%,rgba(168,79,255,.1),transparent 55%),linear-gradient(180deg,#020814,#050b1d 55%,#061429)}.bg--home .bg__sky{background-image:radial-gradient(ellipse at 50% -10%,rgba(108,255,46,.16),transparent 55%),radial-gradient(ellipse at 80% 0%,rgba(0,168,255,.1),transparent 55%),linear-gradient(180deg,#020814,#050b1d 55%,#061429)}.bg--connect .bg__sky{background-image:radial-gradient(ellipse at 50% -10%,rgba(0,168,255,.22),transparent 55%),radial-gradient(ellipse at 70% 10%,rgba(39,216,255,.1),transparent 55%),linear-gradient(180deg,#020814,#050b1d 55%,#061429)}.bg--plans .bg__sky{background-image:radial-gradient(ellipse at 50% -10%,rgba(255,210,26,.18),transparent 55%),radial-gradient(ellipse at 70% 10%,rgba(168,79,255,.1),transparent 55%),linear-gradient(180deg,#020814,#050b1d 55%,#061429)}.bg__stars{position:absolute;top:0;right:0;bottom:0;left:0}.bg__star{position:absolute;display:inline-block;background:#fff;border-radius:1px;animation:starTwinkle 2.4s ease-in-out infinite}.bg__star--cyan{background:var(--cyan);box-shadow:0 0 8px #27d8ffcc}.bg__star--yellow{background:var(--yellow);box-shadow:0 0 8px #ffd21ab3}.bg__star--white{background:#fff;box-shadow:0 0 6px #ffffff8c}.bg__clouds{position:absolute;top:0;right:0;bottom:0;left:0}.bg__cloud{position:absolute;width:80px;left:-100px;filter:drop-shadow(0 0 4px rgba(0,168,255,.18)) brightness(.85) hue-rotate(220deg);animation-name:drift-cloud;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes drift-cloud{0%{transform:translate(-30px)}to{transform:translate(120vw)}}.bg__city{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + 32px);height:64px;background:radial-gradient(circle at 8% 90%,transparent 28px,transparent 0),repeating-linear-gradient(90deg,transparent 0 6px,rgba(11,27,52,.95) 6px 8px,transparent 8px 14px),linear-gradient(180deg,transparent 0%,rgba(7,17,31,.6) 50%,rgba(7,17,31,0) 100%);opacity:.55}.bg__platform{position:absolute;left:0;right:0;bottom:var(--nav-h);height:36px;display:flex;flex-direction:column}.bg__grass{height:10px;background:linear-gradient(180deg,#8cff48,#6cff2e 60%,#46c81a);border-top:2px solid #1e5a08;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #00000059}.bg__dirt{flex:1;background:repeating-linear-gradient(90deg,#5a3b1c 0,#5a3b1c 14px,#4a2f15 14px,#4a2f15 16px,#6b461f 16px,#6b461f 30px,#4a2f15 30px,#4a2f15 32px);border-top:2px solid #2f1a06;box-shadow:inset 0 4px #00000040}:root{--bg: #020814;--bg2: #07152a;--blue: #00a8ff;--cyan: #27d8ff;--green: #6cff2e;--yellow: #ffd21a;--orange: #ff9d00;--purple: #a84fff;--red: #ff4d4d;--white: #f6f9ff;--muted: #9aa6bb;--panel: #07111f;--panel-2: #0b1b34;--line: #15345a;--r-pixel: 0;--r-card: 14px;--r-phone: 42px;--s-thin: 2px;--s-pixel: 4px;--s-strong: 6px;--glow-green: 0 0 24px rgba(108,255,46,.35);--glow-blue: 0 0 24px rgba(0,168,255,.35);--glow-yellow:0 0 24px rgba(255,210,26,.35);--nav-h: 72px;--font-pixel: "Press Start 2P", "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);color:var(--white);font-family:var(--font-mono);font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(0,168,255,.1),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(168,79,255,.08),transparent 55%),linear-gradient(180deg,#020814,#050b1b)}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#15345a;border-radius:3px}.shell{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;position:relative;isolation:isolate}.phone{width:100%;max-width:440px;min-height:100vh;min-height:100dvh;position:relative;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 560px){.shell{padding:28px 0}.phone{max-width:420px;min-height:0;height:min(900px,calc(100vh - 56px));border-radius:var(--r-phone);border:6px solid #0a0f1c;box-shadow:0 0 0 3px #1a2540,0 24px 48px #0000008c,0 0 80px #00a8ff2e}}.screen{flex:1;overflow-y:auto;padding:14px 14px calc(var(--nav-h) + 48px);position:relative;z-index:2}.card{background:linear-gradient(180deg,var(--panel) 0%,var(--bg2) 100%);border:var(--s-thin) solid var(--line);border-radius:var(--r-card);padding:14px;position:relative}.card+.card{margin-top:12px}.label-pix{font-family:var(--font-pixel);font-size:9px;letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 8px rgba(39,216,255,.4)}.label-pix--muted{color:var(--muted);text-shadow:none}.big-num{font-family:var(--font-pixel);letter-spacing:.02em;text-shadow:0 0 14px rgba(108,255,46,.35),0 2px 0 rgba(0,0,0,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-pixel);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:14px 18px;border:2px solid transparent;border-radius:10px;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;color:#0a0f1c;width:100%}.btn:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid rgba(0,0,0,.18);border-radius:6px;pointer-events:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn--green{background:linear-gradient(180deg,#8cff5a 0%,var(--green) 60%,#46c81a 100%);border-color:#1f4a06;box-shadow:0 0 0 2px #0c2003,0 5px #1f4a06,var(--glow-green);color:#0a1a05}.btn--blue{background:linear-gradient(180deg,#4bcaff 0%,var(--blue) 60%,#0072c4 100%);border-color:#04345d;box-shadow:0 0 0 2px #021026,0 5px #04345d,var(--glow-blue);color:#021026}.btn--yellow{background:linear-gradient(180deg,#ffe14b 0%,var(--yellow) 60%,#e0aa00 100%);border-color:#5a3f00;box-shadow:0 0 0 2px #2a1d00,0 5px #6a4a00,var(--glow-yellow);color:#2a1d00}.btn--ghost{background:transparent;color:var(--cyan);border:2px solid var(--cyan);box-shadow:inset 0 0 0 2px #00000059}.btn--ghost:before{display:none}@keyframes birdIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes birdIdleSlow{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes tapBounce{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(-14px) rotate(-6deg)}to{transform:translateY(0) rotate(0)}}@keyframes connectFlight{0%{transform:translate(-10px,6px) rotate(-3deg)}50%{transform:translate(8px,-6px) rotate(3deg)}to{transform:translate(-10px,6px) rotate(-3deg)}}@keyframes starTwinkle{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes coinSpin{0%,to{transform:rotate(-8deg) scale(1);filter:drop-shadow(0 0 4px rgba(255,210,26,.5))}50%{transform:rotate(8deg) scale(1.06);filter:drop-shadow(0 0 12px rgba(255,210,26,.9))}}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #27d8ff00}50%{box-shadow:0 0 28px #27d8ff73}}.anim-bird-idle{animation:birdIdle 3.6s ease-in-out infinite}.anim-bird-slow{animation:birdIdleSlow 5.2s ease-in-out infinite}.anim-bird-connect{animation:connectFlight 4s ease-in-out infinite}.anim-star{animation:starTwinkle 2.4s ease-in-out infinite}.anim-coin{animation:coinSpin 2s ease-in-out infinite}.anim-fade-up{animation:fadeUp .38s ease both}.h-pixel{font-family:var(--font-pixel);letter-spacing:.04em;line-height:1.2}