*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #f994a7;--accent-dark: #20011c;--accent-light: #e8f0fe;--bg-top: #c8d8ff;--bg-mid: #b8c8f8;--bg-bot: #d4c8f8;--white: #ffffff;--text-primary: #1a1d2e;--text-secondary: #6b7280;--text-muted: #727780;--success: #10b981;--card-radius: 28px;--tab-h: 68px;--font: "Inter", system-ui, sans-serif}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:#e8edff;-webkit-font-smoothing:antialiased}.app-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#dce8ff,#e8deff)}.phone-frame{position:relative;width:390px;height:844px;overflow:hidden;border-radius:44px;box-shadow:0 40px 80px #5b8dee40,0 0 0 1px #fff9 inset,0 8px 32px #0000001f;background:var(--bg-top)}@media (max-width: 420px){.phone-frame{width:100vw;height:100dvh;border-radius:0;box-shadow:none}.app-wrapper{background:var(--bg-top)}}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#e28acf,#be6ccc);overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5}.blob-1{width:260px;height:260px;background:#d8c3c3;top:-60px;left:-60px}.blob-2{width:200px;height:200px;background:#c091c7;top:40px;right:-40px}.blob-3{width:300px;height:300px;background:#8f5199;bottom:200px;left:50%;transform:translate(-50%)}.screen-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.screen-deco.active{opacity:1}.deco-star{position:absolute;font-size:18px;color:#ffffffb3;animation:float 4s ease-in-out infinite}.deco-star.s1{top:10%;left:14%;animation-delay:0s}.deco-star.s2{top:8%;right:18%;animation-delay:1.5s;font-size:14px}.deco-dot{position:absolute;border-radius:50%;background:#ffffff73;animation:float 5s ease-in-out infinite}.deco-dot.d1{width:10px;height:10px;top:22%;left:8%;animation-delay:.8s}.deco-dot.d2{width:7px;height:7px;top:18%;right:10%;animation-delay:2s}.deco-dot.d3{width:12px;height:12px;top:30%;right:14%;animation-delay:1.2s}.deco-dot.d4{width:8px;height:8px;top:15%;left:25%;animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-orb{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:130px;height:130px}.hero-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed rgb(255,255,255);animation:spin 20s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-orb-inner img{margin-top:.5px;margin-left:6.3px;width:90%;height:90%;border-radius:50%;background:#a86aa017;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 8px 20px #fdfdfd4d;animation:pulse-orb 3s ease-in-out infinite}@keyframes pulse-orb{0%,to{transform:scale(1);box-shadow:0 8px 20px #740c4581}40%{transform:scale(1.04);box-shadow:0 12px 30px #ffffff80}}.tab-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:4px;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:100px;padding:8px 10px;box-shadow:0 8px 32px #5b8dee33,0 2px 8px #00000014}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;border-radius:100px;padding:8px 16px;cursor:pointer;color:var(--text-muted);transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:64px;position:relative}.tab-btn:focus{outline:none}.tab-btn .tab-icon{display:flex;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tab-btn .tab-label{font-size:10px;font-weight:600;letter-spacing:.02em;transition:all .3s ease}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 16px #ffa4b066}.tab-btn.active .tab-icon{transform:scale(1.1)}.tab-btn:not(.active):hover{color:var(--accent)}.tab-btn:not(.active):hover .tab-icon{transform:scale(1.08)}.tab-icon0{color:#9ac6da}.screens-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;pointer-events:none}.screen.active{pointer-events:all}.card{width:100%;background:var(--white);border-radius:var(--card-radius) var(--card-radius) 0 0;min-height:62%;max-height:55%;display:flex;flex-direction:column;padding:0 20px 20px;box-shadow:0 -8px 40px #ffffff26;transform:translateY(100%);opacity:0;transition:transform .55s cubic-bezier(.32,.72,0,1),opacity .4s ease;will-change:transform,opacity}.screen.active .card{transform:translateY(0);opacity:1}.screen.leaving .card{transform:translateY(-40px);opacity:0;transition:transform .35s cubic-bezier(.4,0,1,1),opacity .25s ease}.card-handle{width:36px;height:4px;background:#e5e7eb;border-radius:2px;flex-shrink:0;margin:0 -20px 8px;padding:12px 0 8px}.card-image{width:100%;height:auto;margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-image svg{width:auto;height:100px}.desc-image{width:60%;height:60%;object-fit:contain}.section-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:100px;margin-bottom:16px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.card-title{text-align:center;align-items:center;font-size:30px;font-weight:800;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em;margin-top:30px;margin-bottom:10px}.card-title em{text-align:center;align-items:center;font-style:normal;color:var(--accent)}.card-desc{align-items:center;margin-left:2%;font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:0}.links-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.link-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border-radius:16px;text-decoration:none;color:inherit;border:1.5px solid transparent;transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.link-item:not(.no-hover-lift):hover,.link-item:not(.no-hover-lift):active{background:#f0f4ff;border-color:#5b8dee33;transform:translateY(-2px) scale(1.01);box-shadow:0 4px 16px #5b8dee1f}.link-item:not(.no-hover-lift):active{transform:translateY(0) scale(.99);transition-duration:.1s}.link-favicon{font-size:22px;width:42px;height:42px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.link-info{flex:1;min-width:0}.link-info.flex1{flex:1}.link-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-url{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.link-chevron{color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.link-tag{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-light);padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:16px;padding:16px;border:1.5px solid rgba(91,141,238,.1)}.stat-val{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1;margin-bottom:4px}.stat-lbl{font-size:12px;color:var(--text-secondary);font-weight:500}.stat-trend{font-size:11px;font-weight:700;margin-top:6px;padding:2px 7px;border-radius:100px;display:inline-block}.trend-up{background:#10b9811f;color:#059669}.trend-down{background:#ef44441f;color:#dc2626}.bar-wrap{height:4px;background:#e5e7eb;border-radius:2px;margin-top:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#7ca8f0);border-radius:2px;transition:width 1s cubic-bezier(.4,0,.2,1)}.link-count{font-size:15px;font-weight:700;color:var(--accent);flex-shrink:0}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7ca8f0);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #5b8dee4d}.profile-name{font-size:18px;font-weight:700;color:var(--text-primary)}.profile-handle{font-size:13px;color:var(--text-muted);margin-top:2px}.cta-pill{width:90%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 18px 24px;background:linear-gradient(135deg,var(--accent) 0%,#b3b7ee 80%);color:#300641a4;border:none;border-radius:100px;cursor:pointer;font-family:var(--font);margin:auto auto 0;box-shadow:0 6px 24px #f3f3f366;transition:all .25s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;text-decoration:none}.cta-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .2s ease}.cta-pill:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 32px #f797a480}.cta-pill:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 16px #f797a44d;transition-duration:.1s}.cta-pill:active:before{background:#ffffff14}.cta-pill-text{font-size:15px;font-weight:700;letter-spacing:-.01em}.cta-pill-icon{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s ease}.cta-pill:hover .cta-pill-icon{transform:translate(4px);background:#ffffff4d}.cta-pill:active .cta-pill-icon{transform:translate(-2px)}.cta-pill.cta-ghost{background:transparent;border:2px solid #fee2e2;color:#ef4444;box-shadow:none}.cta-pill.cta-ghost:hover{background:#fef2f2;box-shadow:0 4px 16px #ef444426}.cta-pill.cta-ghost .cta-pill-icon{background:#ef44441a}.cta-pill.cta-ghost:hover .cta-pill-icon{background:#ef444426}.card-footer-text{text-align:center;font-size:13px;color:var(--text-muted)}.footer-link{color:var(--accent);font-weight:600;text-decoration:none}.footer-link:hover{text-decoration:underline}.ripple{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:ripple-anim .55s ease-out forwards;pointer-events:none}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}