:root{--bg:#161e2e;--fg:#fff;--muted:#ffffffad;--faint:#8c93a3;--glass:#ffffff0f;--glass-border:#ffffff24;--divider:#ffffff1a;--cyan:#38d3f5;--blue:#2b2fc7;--wa:#25d366}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Inter,sans-serif}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.screen{max-width:430px;min-height:100svh;padding:calc(56px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.logo{width:132px;height:auto;display:block}.tagline{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:18px;display:flex}.tagline .h{letter-spacing:-.01em;max-width:310px;font-size:15px;font-weight:600;line-height:1.4}.tagline .s{max-width:290px;color:var(--muted);font-size:12.5px;line-height:1.5}.stack{z-index:1;flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:32px;display:flex;position:relative}.wa{color:#161e2e;background:radial-gradient(55% 220% at 0%,#25d3665c 0%,#25d36600 62%),radial-gradient(55% 220% at 100%,#25d3665c 0%,#25d36600 62%),#fff;border-radius:28px;justify-content:center;align-items:center;gap:14px;width:100%;height:88px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059,inset 0 1px #fff}.wa:active{transform:scale(.98)}.wa .sheen{filter:blur(7px);background:linear-gradient(90deg,#25d36600 0%,#25d36614 22%,#25d36633 40%,#38d3f547 50%,#25d36633 60%,#25d36614 78%,#25d36600 100%);width:110px;height:100%;animation:4s cubic-bezier(.45,0,.55,1) 1.5s infinite shine;position:absolute;top:0;left:0}.wa .badge{flex-shrink:0;width:46px;height:46px;position:relative}.wa .badge .pulse,.wa .badge .dot{background:var(--wa);border-radius:50%;position:absolute;inset:0}.wa .badge .pulse{animation:2.4s ease-out 1.2s infinite pulse}.wa .badge .dot{justify-content:center;align-items:center;display:flex;box-shadow:0 6px 16px #25d36673}.wa .label{letter-spacing:-.018em;font-size:19px;font-weight:600;position:relative}.panel{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff29}.tile{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:116px;transition:background-color .2s;display:flex}.tile:active{background-color:#ffffff0f}.tile span{letter-spacing:-.015em;font-size:17px;font-weight:600;line-height:1.25}.tile:first-child{border-right:1px solid var(--divider);border-bottom:1px solid var(--divider);background-image:radial-gradient(140% 140% at 0 0,#f585296b 0%,#dd2a7b57 28%,#8134af00 62%)}.tile:nth-child(2){border-bottom:1px solid var(--divider);background-image:radial-gradient(140% 140% at 100% 0,#34c7596b 0%,#34c75900 60%)}.tile:nth-child(3){border-right:1px solid var(--divider);background-image:radial-gradient(140% 140% at 0 100%,#1877f273 0%,#1877f200 60%)}.tile:nth-child(4){background-image:radial-gradient(140% 140% at 100% 100%,#38d3f56b 0%,#2b2fc74a 30%,#2b2fc700 62%)}.site{color:#ffffffbf;align-items:center;gap:8px;min-height:44px;margin-top:-4px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.spacer{flex:1}.ribbon{z-index:0;pointer-events:none;width:calc(100% + 44px);height:auto;margin:-84px -22px 0;display:block;position:relative}.ribbon .in{animation:1.6s cubic-bezier(.2,.7,.2,1) both ribbonIn}.ribbon .float{animation:10s ease-in-out 1.6s infinite float}.ribbon .line{stroke-dasharray:1000;animation:7s cubic-bezier(.65,0,.35,1) 1.2s infinite both lineDraw}.foot{color:var(--faint);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.rise{animation:.9s both rise}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.35s}.d4{animation-delay:.5s}.d5{animation-delay:.7s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ribbonIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes lineDraw{0%{stroke-dashoffset:1000px}40%{stroke-dashoffset:0}65%{stroke-dashoffset:0}to{stroke-dashoffset:-1000px}}@keyframes pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes shine{0%{transform:translate(-140%)skew(-20deg)}85%,to{transform:translate(380%)skew(-20deg)}}@media (width>=431px){.ribbon{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}