*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6366f1;--accent: #a855f7;--radius-card: 22px;--radius-btn: 16px;--radius-icon: 13px;--bg: #f2f2f7;--bg2: #e5e5ea;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .95);--glass-shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .07), 0 20px 48px rgba(0, 0, 0, .06);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .9);--divider: rgba(60, 60, 67, .1);--text: #1c1c1e;--text2: rgba(60, 60, 67, .6);--text3: rgba(60, 60, 67, .38);--blur: blur(40px) saturate(180%)}body.dark{--bg: #000000;--bg2: #1c1c1e;--glass: rgba(28, 28, 30, .78);--glass-strong: rgba(44, 44, 46, .88);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .45), 0 20px 48px rgba(0, 0, 0, .4);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--divider: rgba(255, 255, 255, .08);--text: #f5f5f7;--text2: rgba(235, 235, 245, .55);--text3: rgba(235, 235, 245, .3)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(35px,-28px) scale(1.04)}66%{transform:translate(-18px,35px) scale(.97)}}@keyframes rippleAnim{to{transform:scale(5);opacity:0}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg);transition:background .5s ease}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px);animation:drift 22s ease-in-out infinite}body.light .blob-1{width:560px;height:560px;top:-15%;left:-8%;background:var(--primary);opacity:.12;animation-duration:24s}body.light .blob-2{width:460px;height:460px;bottom:-8%;right:-6%;background:var(--accent);opacity:.1;animation-duration:19s;animation-delay:-9s}body.light .blob-3{width:300px;height:300px;top:45%;left:38%;background:var(--primary);opacity:.06;animation-duration:28s;animation-delay:-5s}body.dark .blob-1{width:560px;height:560px;top:-15%;left:-8%;background:var(--primary);opacity:.22;animation-duration:24s}body.dark .blob-2{width:460px;height:460px;bottom:-8%;right:-6%;background:var(--accent);opacity:.18;animation-duration:19s;animation-delay:-9s}body.dark .blob-3{width:300px;height:300px;top:45%;left:38%;background:var(--primary);opacity:.1;animation-duration:28s;animation-delay:-5s}body.bg-solid .blob,body.bg-noise .blob,body.bg-gradient .blob{display:none}body.bg-gradient .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));pointer-events:none}.bg-noise-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;pointer-events:none}.page{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:52px 18px 80px}.container{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px}.glass{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.profile-card{border-radius:28px;padding:34px 24px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;animation:slideUp .55s cubic-bezier(.22,1,.36,1) both}.avatar-wrap{position:relative;width:92px;height:92px;margin-bottom:2px}.avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary),var(--accent),var(--primary));animation:spin 5s linear infinite}.avatar-ring-gap{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--bg);transition:background .5s}.avatar-inner{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.profile-name{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--text);line-height:1.15}.profile-title{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--primary)}.profile-bio{font-size:14px;line-height:1.6;color:var(--text2);max-width:320px;text-wrap:pretty;font-weight:400}.profile-divider{width:100%;height:1px;background:var(--divider);margin:4px 0;border-radius:1px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.action-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:50px;border:none;outline:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.1px;color:#fff;position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,background .3s ease}.action-btn--primary{background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 70%,var(--accent)) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent),0 1px 2px #0000001f,inset 0 1px #ffffff40}.action-btn--accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--primary)));box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent),0 1px 2px #0000001f,inset 0 1px #ffffff40}.action-btn--blend{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 60%,var(--accent)),var(--primary));box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 30%,transparent),0 1px 2px #0000001f,inset 0 1px #ffffff40}.action-btn:hover{transform:scale(1.04)}.action-btn--primary:hover{box-shadow:0 4px 18px color-mix(in srgb,var(--primary) 40%,transparent),0 1px 3px #00000026,inset 0 1px #ffffff40}.action-btn:active{transform:scale(.97)}.action-btn.saved{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 18px #22c55e59,inset 0 1px #ffffff40}.action-btn i{font-size:13px}.ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:rippleAnim .5s linear;pointer-events:none}.section-label{font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text2);padding:0 16px;animation:slideUp .55s .08s cubic-bezier(.22,1,.36,1) both}.links-list{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);animation:slideUp .55s .12s cubic-bezier(.22,1,.36,1) both}.link-btn{display:flex;align-items:center;gap:14px;padding:0 16px 0 14px;min-height:58px;text-decoration:none;color:var(--text);cursor:pointer;position:relative;background:transparent;transition:background .12s ease;-webkit-tap-highlight-color:transparent;opacity:0;animation:rowIn .45s cubic-bezier(.22,1,.36,1) forwards}.link-btn+.link-btn:before{content:"";position:absolute;top:0;left:68px;right:0;height:.5px;background:var(--divider)}.link-btn:hover,.link-btn:focus-visible{background:color-mix(in srgb,var(--btn-color, var(--primary)) 6%,transparent)}body.light .link-btn:active{background:#0000000f}body.dark .link-btn:active{background:#ffffff0f}.link-icon-wrap{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--btn-color, var(--primary));box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000001f,0 2px 6px color-mix(in srgb,var(--btn-color, var(--primary)) 35%,transparent);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.link-btn:hover .link-icon-wrap{transform:scale(1.07);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000001f,0 4px 12px color-mix(in srgb,var(--btn-color, var(--primary)) 45%,transparent)}.link-icon-wrap i{font-size:15px;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.link-label{flex:1;font-size:17px;font-weight:400;letter-spacing:-.2px;color:var(--text)}.link-badge{font-size:12px;font-weight:500;padding:2px 9px;border-radius:20px;background:color-mix(in srgb,var(--btn-color, var(--primary)) 16%,transparent);color:var(--btn-color, var(--primary));border:1px solid color-mix(in srgb,var(--btn-color, var(--primary)) 24%,transparent);white-space:nowrap;letter-spacing:-.1px}.link-chevron{color:var(--text3);font-size:12px;flex-shrink:0;transition:transform .18s,color .15s}.link-btn:hover .link-chevron{transform:translate(2px);color:var(--text2)}.qr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:0;opacity:0;pointer-events:none;transition:opacity .28s ease}.qr-backdrop.open{opacity:1;pointer-events:all}.qr-sheet{width:100%;max-width:440px;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-bottom:none;border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #00000040,var(--glass-inset);padding:12px 24px 48px;display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1)}.qr-backdrop.open .qr-sheet{transform:translateY(0)}.qr-pill{width:36px;height:5px;border-radius:3px;background:var(--divider);margin-bottom:4px}.qr-title{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--text)}.qr-subtitle{font-size:13px;color:var(--text2);letter-spacing:-.1px;word-break:break-all;text-align:center;max-width:320px}.qr-frame{position:relative;padding:16px;border-radius:20px;background:#fff;box-shadow:0 4px 24px #0000001f,inset 0 1px #fffc}.qr-frame svg,.qr-frame img,.qr-frame canvas{display:block;width:200px;height:200px;border-radius:4px}.qr-frame:before,.qr-frame:after{content:"";position:absolute;width:22px;height:22px;border-color:var(--primary);border-style:solid}.qr-frame:before{top:6px;left:6px;border-width:3px 0 0 3px;border-radius:6px 0 0}.qr-frame:after{bottom:6px;right:6px;border-width:0 3px 3px 0;border-radius:0 0 6px}.qr-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);outline:none;background:var(--glass);color:var(--text2);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);align-self:center}.qr-close:hover{background:var(--glass-strong);transform:scale(1.05)}.qr-close:active{transform:scale(.95)}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%) translateY(20px);z-index:2000;display:flex;align-items:center;gap:9px;padding:12px 20px;border-radius:50px;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000038,var(--glass-inset);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);font-size:14px;font-weight:500;color:var(--text);letter-spacing:-.1px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast i{color:var(--primary);font-size:14px}.footer{margin-top:22px;font-size:11px;color:var(--text3);letter-spacing:.03em;text-align:center}.footer a{color:inherit;text-decoration:none}.theme-toggle{position:fixed;top:18px;right:18px;z-index:900;width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);color:var(--text2);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--glass-shadow),var(--glass-inset);transition:transform .18s cubic-bezier(.34,1.56,.64,1),color .2s,background .2s}.theme-toggle:hover{transform:scale(1.08);color:var(--text)}.theme-toggle:active{transform:scale(.95)}