*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;background:#07080c;color:#fff;min-height:100vh;overflow-x:hidden}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(42% 34% at 20% 12%,rgba(255,122,47,.1),transparent 70%),radial-gradient(40% 34% at 82% 20%,rgba(236,72,153,.09),transparent 70%),radial-gradient(50% 40% at 50% 100%,rgba(77,184,255,.07),transparent 70%)}.wrap{position:relative;z-index:1;width:min(680px,92vw);display:flex;flex-direction:column;align-items:center;padding:64px 0 48px}.share{position:fixed;top:18px;right:18px;z-index:2;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:18px;letter-spacing:1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s ease;-webkit-user-select:none;user-select:none}.share:hover{background:#ffffff29}.avatar{width:100px;height:100px;border-radius:26px;box-shadow:0 12px 40px #ec489940,0 4px 16px #0009;animation:pop .6s cubic-bezier(.2,.9,.3,1.2) both}.handle{margin-top:18px;font-size:22px;font-weight:800;letter-spacing:.01em;animation:rise .5s .08s ease both}.bio{margin-top:6px;font-size:15px;font-weight:500;color:#9aa3ad;animation:rise .5s .14s ease both}.links{width:100%;margin-top:34px;display:flex;flex-direction:column;gap:16px}.tile{position:relative;display:flex;align-items:center;width:100%;min-height:72px;padding:14px 60px 14px 16px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#ffffff1a,#ffffff0d 55%,#ffffff12);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff29,0 10px 30px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;animation:rise .5s ease both}.tile:nth-child(1){animation-delay:.2s}.tile:nth-child(2){animation-delay:.28s}.tile:nth-child(3){animation-delay:.36s}.tile:hover{transform:translateY(-2px) scale(1.015);background:linear-gradient(180deg,#ffffff26,#ffffff14 55%,#ffffff1a);box-shadow:inset 0 1px #fff3,0 16px 44px #00000073}.tile:active{transform:scale(.985)}.tile .icon{width:44px;height:44px;border-radius:12px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tile .icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.tile .icon svg{width:26px;height:26px;fill:#fff}.tile .label{flex:1;text-align:center;font-size:16px;font-weight:700;letter-spacing:.01em;padding:0 4px}.tile .sub{display:block;font-size:12.5px;font-weight:500;color:#9aa3ad;margin-top:3px}.tile .arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#9aa3ad;font-size:18px;font-weight:700;transition:transform .18s ease,color .18s ease}.tile:hover .arrow{transform:translateY(-50%) translate(3px);color:#fff}.foot{margin-top:46px;display:flex;align-items:center;gap:10px;color:#6b7480;font-size:13px;font-weight:600;animation:rise .5s .46s ease both}.foot img{width:20px;height:20px;border-radius:6px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%) translateY(16px);background:#fffffff2;color:#07080c;font-size:14px;font-weight:700;padding:10px 22px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:3}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}