*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{min-height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--brand: #7E56C7;--accent-blue: #A7D3F7;--accent-pink: #EFB3E0;--bg: #232029;--surface: #2b2633;--text: #F3F5F7;--muted: #BEB7C9;--brand-contrast: #2a2140;--ring: color-mix(in oklab, var(--brand) 60%, transparent);--radius: 18px;--shadow: 0 10px 30px rgba(0,0,0,.25);--maxw: 720px;--font: "Baloo 2", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";--ig-bg: #f7c2e8;--wa-bg: #b3f2cb;--fb-bg: #a7c8ff;--tk-bg: #c9b3ff;--yt-bg: #ffb3b3;--avatar-size: 148px;--avatar-img-scale: .92;--avatar-bg-inset: 14%;--avatar-shiftY: -6px}[data-theme=light]{--bg: #F7F8FC;--surface: #FFFFFF;--text: #1F1C25;--muted: #6E6A75;--brand: #7E56C7;--brand-contrast: #F2ECFF;--ring: color-mix(in oklab, var(--brand) 55%, transparent);--shadow: 0 4px 16px rgba(126, 86, 199, .08)}[data-theme=light] .card{background:#fff;border:none;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}[data-theme=light] .card:hover,[data-theme=light] .card:focus-within{background:#fff;border:none;box-shadow:0 2px 8px #7e56c71a,0 8px 24px #0000000f;transform:translateY(-2px)}[data-theme=light] .long-card{border:none}[data-theme=light] .long-card:before{display:none}[data-theme=light] .theme-toggle{background:#ffffffe6;border:none;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}body{font-family:var(--font);background:radial-gradient(720px 380px at 20% -10%,color-mix(in oklab,var(--accent-pink) 18%,transparent) 0%,transparent 70%),radial-gradient(820px 460px at 80% -10%,color-mix(in oklab,var(--accent-blue) 22%,transparent) 0%,transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:32px;margin:0;align-items:center}.container{max-width:900px;width:100%;margin-top:0}.header{display:grid;place-items:center;gap:10px;padding-bottom:20px}.title{font-family:var(--font);font-size:clamp(22px,3.6vw,30px);font-weight:800;letter-spacing:.2px}.subtitle{color:color-mix(in oklab,var(--muted),white 10%);font-size:14px;line-height:1.3;margin:2px 0;text-align:center;font-family:var(--font)}@keyframes avatarGlow{0%{box-shadow:0 0 26px color-mix(in oklab,var(--brand) 55%,transparent)}50%{box-shadow:0 0 44px color-mix(in oklab,var(--accent-pink) 70%,transparent)}to{box-shadow:0 0 26px color-mix(in oklab,var(--brand) 55%,transparent)}}@keyframes auraPulse{0%,to{transform:scale(.98)}50%{transform:scale(1.06)}}.avatar-wrap{position:relative;width:var(--avatar-size);height:var(--avatar-size);display:grid;place-items:center;margin-bottom:12px}.avatar-wrap:before{content:"";position:absolute;inset:var(--avatar-bg-inset);border-radius:50%;background:radial-gradient(60% 60% at 30% 20%,color-mix(in oklab,var(--accent-pink) 28%,transparent),transparent 70%),radial-gradient(70% 70% at 70% 20%,color-mix(in oklab,var(--accent-blue) 30%,transparent),transparent 75%),color-mix(in oklab,var(--brand-contrast),black 5%);animation:avatarGlow 4s ease-in-out infinite,auraPulse 4s ease-in-out infinite;z-index:0;will-change:transform,box-shadow}.avatar-img{position:relative;z-index:1;width:calc(var(--avatar-size) * var(--avatar-img-scale));height:calc(var(--avatar-size) * var(--avatar-img-scale));object-fit:contain;object-position:50% 38%;transform:translateY(var(--avatar-shiftY));border-radius:0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35)) drop-shadow(0 0 20px color-mix(in oklab,var(--brand) 30%,transparent))}.grid{display:grid;gap:14px}@media(min-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:linear-gradient(180deg,color-mix(in oklab,var(--surface),black 6%),color-mix(in oklab,var(--surface),black 14%));border-radius:var(--radius);padding:14px 16px;border:1px solid color-mix(in oklab,var(--surface),white 14%);box-shadow:0 1px #ffffff0f inset,0 12px 28px #00000047;display:flex;align-items:center;gap:12px;position:relative;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.card:hover,.card:focus-within{transform:translateY(-2px);border-color:color-mix(in oklab,var(--brand) 40%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--surface),var(--brand) 5%),color-mix(in oklab,var(--surface),black 12%));box-shadow:0 1px #ffffff14 inset,0 16px 36px #00000059}.card a{color:inherit;text-decoration:none;display:grid;gap:2px;flex:1}.card .name{font-weight:650;letter-spacing:.2px}.card .desc{color:color-mix(in oklab,var(--muted),white 8%);font-size:13px}.badge{background:linear-gradient(90deg,var(--brand),color-mix(in oklab,var(--brand),var(--accent-pink) 25%));color:#fff;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px;box-shadow:0 4px 12px #0000002e}.icon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:color-mix(in oklab,var(--brand-contrast),var(--accent-blue) 10%);border:1px solid color-mix(in oklab,var(--brand-contrast),white 12%)}.icon svg{width:20px;height:20px;color:color-mix(in oklab,var(--text),var(--muted) 30%)}.card:hover .icon svg{color:var(--text)}.card.ig .icon{background:var(--ig-bg);border:1px solid color-mix(in oklab,var(--ig-bg),black 10%)}.card.wa .icon{background:var(--wa-bg);border:1px solid color-mix(in oklab,var(--wa-bg),black 10%)}.card.fb .icon{background:var(--fb-bg);border:1px solid color-mix(in oklab,var(--fb-bg),black 10%)}.card.tk .icon{background:var(--tk-bg);border:1px solid color-mix(in oklab,var(--tk-bg),black 10%)}.card.yt .icon{background:var(--yt-bg);border:1px solid color-mix(in oklab,var(--yt-bg),black 10%)}.card.yt{grid-column:1 / -1}.card.ig:hover .icon{box-shadow:0 0 12px color-mix(in oklab,var(--ig-bg),white 30%)}.card.wa:hover .icon{box-shadow:0 0 12px color-mix(in oklab,var(--wa-bg),white 30%)}.card.fb:hover .icon{box-shadow:0 0 12px color-mix(in oklab,var(--fb-bg),white 30%)}.card.tk:hover .icon{box-shadow:0 0 12px color-mix(in oklab,var(--tk-bg),white 30%)}.card.yt:hover .icon{box-shadow:0 0 12px color-mix(in oklab,var(--yt-bg),white 30%)}.card.ig .icon svg{color:#a63b84}.card.wa .icon svg{color:#1f6e3c}.card.fb .icon svg{color:#2a52b0}.card.tk .icon svg{color:#4b2a89}.card.yt .icon svg{color:#c0392b}.card:hover .icon svg{color:#fff}.long-card{grid-column:1 / -1;justify-content:center;padding:18px 24px;border-image:linear-gradient(90deg,color-mix(in oklab,var(--brand) 50%,transparent),color-mix(in oklab,var(--accent-pink) 40%,transparent),color-mix(in oklab,var(--brand) 50%,transparent)) 1;border-width:1px;border-style:solid;border-radius:var(--radius);overflow:hidden;position:relative}.long-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);padding:1px;background:linear-gradient(90deg,color-mix(in oklab,var(--brand) 45%,transparent),color-mix(in oklab,var(--accent-pink) 35%,transparent),color-mix(in oklab,var(--brand) 45%,transparent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.long-card{border-image:none;border-color:transparent}.long-card:hover,.long-card:focus-within{transform:translateY(-2px);box-shadow:0 1px #ffffff14 inset,0 16px 36px #00000059,0 0 20px color-mix(in oklab,var(--brand) 20%,transparent)}.long-card .name{font-size:16px}.footer{width:100%;position:relative;padding:16px 0;background:transparent;display:flex;justify-content:center;align-items:center;margin-top:auto}.footer a svg{width:32px;height:32px;fill:#3e64e7;transition:transform .3s ease}.footer a:hover svg{transform:scale(1.1)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:100;width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in oklab,var(--surface),white 14%);background:color-mix(in oklab,var(--surface),transparent 20%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 16px #0003;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #0000004d;background:color-mix(in oklab,var(--surface),var(--brand) 10%)}.theme-toggle:active{transform:scale(.95)}