@import "https://fonts.googleapis.com/css2?family=Parkinsans:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#0f172a;--text-color:#f8fafc;--accent-color:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100vh;font-family:Parkinsans,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%}.link-bio-container{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:3rem 1.5rem;display:flex;position:relative}.particles-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle{background:radial-gradient(circle,#38bdf8 0%,#38bdf833 70%,#38bdf800 100%);border-radius:50%;animation:linear infinite float-up;position:absolute;box-shadow:0 0 10px #38bdf8cc,0 0 20px #38bdf866}@keyframes float-up{0%{opacity:0;transform:translateY(110vh)translate(0)scale(.8)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-10vh)translate(20px)scale(1.2)}}.header{flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;display:flex}.logo-wrapper{background:linear-gradient(135deg,#38bdf8,#c084fc,#818cf8);border-radius:50%;width:110px;height:110px;margin-bottom:1.5rem;padding:4px;animation:3s infinite alternate pulse-border;box-shadow:0 8px 24px #38bdf84d}@keyframes pulse-border{0%{box-shadow:0 4px 15px #38bdf833}to{box-shadow:0 8px 25px #c084fc80}}.logo-image{object-fit:cover;border:4px solid var(--bg-color);background-color:var(--bg-color);border-radius:50%;width:100%;height:100%}.bio-description{text-align:center;color:#cbd5e1;max-width:90%;font-size:1.05rem;font-weight:400;line-height:1.6}.banners-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.banner-link{background-color:#1e293b;border-radius:16px;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px #0003}.banner-link:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#fff0,#ffffff0d);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.banner-link:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px #0006}.banner-link:hover:after{opacity:1}.banner-link:active{transform:perspective(400px)rotateX(8deg)scale(.96);box-shadow:0 2px 4px #0003}.banner-image{object-fit:cover;width:100%;height:auto;transition:opacity .3s;display:block}.featured-banner{animation:2s infinite pulse-banner}@keyframes pulse-banner{0%{transform:scale(1);box-shadow:0 4px 6px #0003}50%{transform:scale(1.02);box-shadow:0 12px 24px #38bdf866}to{transform:scale(1);box-shadow:0 4px 6px #0003}}.featured-banner:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}60%{left:200%}to{left:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in-element{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.social-icons{justify-content:center;margin-top:1.5rem;margin-bottom:0;display:flex}.social-icon{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 4px 15px #dc27434d}.social-icon:active{transform:perspective(400px)rotateX(10deg)scale(.9);box-shadow:0 2px 8px #dc274366}.social-icon svg{fill:currentColor;width:26px;height:26px}.footer{text-align:center;color:#64748b;letter-spacing:.5px;opacity:0;width:100%;margin-top:1rem;font-size:.85rem;animation:.7s cubic-bezier(.16,1,.3,1) 1s forwards fadeInUp}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{text-align:center;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #38bdf833;border-radius:24px;width:100%;max-width:320px;padding:2.5rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) modalScaleUp;box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff0d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-icon{justify-content:center;margin-bottom:1rem;font-size:3rem;display:flex}.modal-content h2{color:#f8fafc;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.modal-content p{color:#94a3b8;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;border-radius:12px;width:100%;padding:.75rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #38bdf84d}.modal-close-btn:active{transform:scale(.96);box-shadow:0 2px 8px #38bdf866}