@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";:root{--bg-base:#f8f9fb;--mint-primary:#38e5a7;--mint-light:#ecfdf5;--mint-medium:#d1fae5;--mint-glow:#38e5a72e;--mint-dark:#065f46;--mint-forest:#0b3a2c;--text-primary:#0f1e19;--text-secondary:#475569;--text-muted:#94a3b8;--card-bg:#ffffffd9;--card-border:#10b98114;--card-shadow:0 10px 30px -10px #0f1e190a, 0 1px 3px #0f1e1905;--card-shadow-hover:0 20px 40px -15px #10b9811f, 0 4px 6px #10b9810a;--transition-smooth:all .35s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .2s ease;--font-heading:"Outfit", "Prompt", sans-serif;--font-body:"Plus Jakarta Sans", "Prompt", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-base);background-image:url(/halftone-waves.svg), linear-gradient(var(--bg-base), var(--bg-base));color:var(--text-primary);font-family:var(--font-body);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:1000px 1200px,auto;min-height:100vh;line-height:1.5;animation:120s linear infinite cardWavesScroll;position:relative;overflow-x:hidden}.ambient-glow{filter:blur(100px);z-index:-1;pointer-events:none;opacity:.4;border-radius:50%;width:60vw;max-width:600px;height:60vw;max-height:600px;position:fixed}#glow-1{background:radial-gradient(circle,#a2e8dd99 0%,#d1fae500 70%);top:-10%;left:-10%}#glow-2{background:radial-gradient(circle,#ecfdf5cc 0%,#10b9811a 60%);bottom:-10%;right:-10%}.container{z-index:1;flex-direction:column;gap:3.5rem;width:100%;max-width:620px;margin:0 auto;padding:3rem 1.5rem 5rem;display:flex;position:relative}.linktree-card{flex-direction:column;gap:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInScale;display:flex}.profile-card{text-align:center;flex-direction:column;align-items:center;display:flex}.avatar-wrapper{width:110px;height:110px;margin-bottom:1.5rem;position:relative}.avatar-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth);z-index:2;border:4px solid #fff;border-radius:50%;position:relative;box-shadow:0 10px 25px -5px #10b98133}.avatar-ring{border:2px dashed var(--mint-primary);opacity:.6;border-radius:50%;animation:30s linear infinite spin;position:absolute;inset:-4px}.avatar-wrapper:hover .avatar-img{border-color:var(--mint-medium);transform:scale(1.06)rotate(3deg)}.profile-name{font-family:var(--font-heading);color:var(--mint-forest);letter-spacing:-.04em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.profile-bio{color:var(--text-secondary);max-width:450px;margin-bottom:1.75rem;font-size:.95rem;font-weight:500;line-height:1.6}.social-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.social-icon-btn{border:2px solid var(--text-primary);width:48px;height:48px;color:var(--text-primary);cursor:pointer;box-shadow:2px 2px 0px var(--text-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s;display:flex}.social-icon-btn:hover{background:var(--mint-primary);color:#fff;box-shadow:0px 0px 0px var(--text-primary);transform:translate(2px,2px)}.links-section{width:100%}.links-wrapper{flex-direction:column;gap:2rem;display:flex}.category-group{flex-direction:column;gap:.75rem;display:flex}.category-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem;padding-left:.25rem;font-size:.925rem;font-weight:900;display:flex}.category-title:after{content:"";background:linear-gradient(90deg,#0f1e1926 0%,#0f1e1900 100%);flex:1;height:2px}.link-card{background:var(--mint-primary);border:2px solid var(--text-primary);color:var(--text-primary);box-shadow:4px 4px 0px var(--text-primary);border-radius:9999px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.card-icon-container{width:48px;height:48px;color:var(--mint-primary);transition:var(--transition-smooth);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #10b9810d}.card-icon-container i{width:20px;height:20px}.card-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.card-title{font-family:var(--font-heading);color:var(--mint-forest);transition:var(--transition-fast);font-size:1.05rem;font-weight:700}.card-desc{color:var(--mint-dark);opacity:.85;font-size:.825rem;font-weight:500;line-height:1.4}.card-arrow{color:var(--mint-dark);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.card-arrow i{width:18px;height:18px}.link-card:hover{background:var(--mint-dark);border-color:var(--text-primary);box-shadow:0px 0px 0px var(--text-primary);transform:translate(4px,4px)}.link-card:hover .card-icon-container{color:var(--mint-primary);background:#fff;transform:scale(1.06);box-shadow:0 4px 12px #00000014}.link-card:hover .card-title{color:#fff}.link-card:hover .card-desc{color:#ecfdf5}.link-card:hover .card-arrow{color:#fff;transform:translate(4px)}.link-card.card-highlight{border:2px solid var(--text-primary);box-shadow:4px 4px 0px var(--text-primary);color:#fff;background:linear-gradient(135deg,#047857 0%,#10b981 100%)}.link-card.card-highlight .card-title{color:#fff!important}.link-card.card-highlight .card-desc{color:#a7f3d0!important}.link-card.card-highlight .card-arrow{color:#fff!important}.link-card.card-highlight:hover{border-color:var(--text-primary);box-shadow:0px 0px 0px var(--text-primary);background:linear-gradient(135deg,#034b35 0%,#059669 100%)}.link-card.card-highlight:hover .card-title{color:#fff!important}.link-card.card-highlight:hover .card-desc{color:#ecfdf5!important}.link-card.card-highlight:hover .card-arrow{color:#fff!important}.link-card.card-highlight .card-icon-container{color:#047857;background:#fff;box-shadow:0 4px 10px #0000001a}.linktree-footer{text-align:center;color:var(--text-muted);font-size:.8rem}.linktree-footer a{color:var(--mint-dark);transition:var(--transition-fast);font-weight:700;text-decoration:none}.linktree-footer a:hover{color:var(--mint-primary);text-decoration:underline}.skeleton-social{background:linear-gradient(90deg,#0f1e1908 25%,#0f1e1914 37%,#0f1e1908 63%) 0 0/200% 100%;border:2px dashed #0f1e1926;border-radius:50%;width:48px;height:48px;animation:1.5s linear infinite shimmer}.skeleton-container{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.skeleton-card{background:linear-gradient(90deg,#0f1e1908 25%,#0f1e1914 37%,#0f1e1908 63%) 0 0/200% 100%;border:2px dashed #0f1e1926;border-radius:9999px;height:76px;animation:1.5s linear infinite shimmer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-slow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.45;transform:scale(1.08)}}@keyframes cardWavesScroll{0%{background-position:0 0,50%}to{background-position:1000px 1200px,50%}}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}@media (width<=580px){.container{gap:1.5rem;padding:1rem .5rem 2rem}.linktree-card{gap:2rem;padding:0}.avatar-wrapper{width:88px;height:88px;margin-bottom:1rem}.profile-name{margin-bottom:.35rem;font-size:1.65rem}.profile-bio{margin-bottom:1.25rem;padding:0 .25rem;font-size:.85rem;line-height:1.5}.social-grid{gap:.5rem}.social-icon-btn{width:42px;height:42px}.social-icon-btn i{width:18px;height:18px}.skeleton-social{width:42px;height:42px}.skeleton-container{gap:.6rem}.skeleton-card{height:62px}.category-container{margin-top:1.25rem;margin-bottom:.6rem}.category-title{font-size:.825rem}.link-card{border-radius:9999px;gap:.85rem;padding:.8rem 1rem}.card-icon-container{width:38px;height:38px}.card-icon-container i{width:16px;height:16px}.card-title{font-size:.925rem}.card-desc{font-size:.75rem;line-height:1.35}.card-arrow i{width:16px;height:16px}.csv-meta-grid,.analytics-row{grid-template-columns:1fr;gap:.5rem}}
