:root{--bg-color:#0f1115;--bg-pattern:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"%23222\" /></svg>");--text-primary:#f8f9fa;--text-secondary:#adb5bd;--accent-blue:#3eb0f9;--accent-orange:#ff6b35;--accent-green:#00e676;--accent-purple:#9c27b0;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-hover:#ffffff14;--font-main:"Inter", sans-serif;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:var(--bg-pattern);color:var(--text-primary);justify-content:center;min-height:100vh;line-height:1.6;display:flex}.app-container{flex-direction:column;gap:2.5rem;width:100%;max-width:600px;padding:2rem 1.5rem;display:flex}.profile-header{flex-direction:row;align-items:center;gap:1.5rem;animation:.8s ease-out fadeInDown;display:flex}.avatar-container{position:relative}.avatar{object-fit:cover;border:4px solid var(--glass-bg);width:100px;height:100px;transition:var(--transition);border-radius:50%;box-shadow:0 0 20px #3eb0f94d}.avatar:hover{border-color:var(--accent-blue);transform:scale(1.05)}.profile-info{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.profile-name{letter-spacing:-.5px;font-size:1.8rem;font-weight:800;line-height:1.2}.profile-handle{color:var(--accent-blue);font-size:1rem;font-weight:700}.social-icons{gap:1rem;margin-top:.5rem;display:flex}.social-link{color:var(--text-secondary);transition:var(--transition);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.social-link:hover{color:var(--text-primary);background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 5px 15px #3eb0f966}.stats-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);justify-content:space-between;padding:1.5rem;animation:.8s ease-out .2s both fadeInUp;display:flex}.stat-box{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stat-number{color:var(--accent-blue);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem;font-weight:500}.bio{text-align:left;color:var(--text-secondary);font-size:1.05rem;animation:.8s ease-out .3s both fadeInUp}h2{margin-bottom:1.2rem;font-size:1.5rem;font-weight:800}.links-section,.newsletter-section,.contact-section{flex-direction:column;gap:1rem;animation:.8s ease-out .4s both fadeInUp;display:flex}.link-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);transition:var(--transition);-webkit-backdrop-filter:blur(10px);align-items:center;gap:1rem;padding:1.2rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.link-card:before{content:"";width:4px;height:100%;transition:var(--transition);background:0 0;position:absolute;top:0;left:0}.link-card.accent-blue:before{background:var(--accent-blue)}.link-card.accent-orange:before{background:var(--accent-orange)}.link-card.accent-green:before{background:var(--accent-green)}.link-card.accent-purple:before{background:var(--accent-purple)}.link-card:hover{background:var(--glass-hover);border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.link-card.accent-blue:hover{box-shadow:0 10px 25px #3eb0f933}.link-card.accent-orange:hover{box-shadow:0 10px 25px #ff6b3533}.link-card.accent-green:hover{box-shadow:0 10px 25px #00e67633}.link-card.accent-purple:hover{box-shadow:0 10px 25px #9c27b033}.link-icon{border-radius:var(--radius-md);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.link-card.accent-blue .link-icon{color:var(--accent-blue)}.link-card.accent-orange .link-icon{color:var(--accent-orange)}.link-card.accent-green .link-icon{color:var(--accent-green)}.link-card.accent-purple .link-icon{color:var(--accent-purple)}.link-content h3{margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.link-content p{color:var(--text-secondary);font-size:.85rem}.link-card.outline{border:1px dashed var(--glass-border);background:0 0}.link-card.outline:hover{border-style:solid;border-color:var(--text-secondary);background:var(--glass-bg)}.newsletter-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);padding:1.5rem}.newsletter-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.newsletter-form{gap:.5rem;display:flex}.newsletter-form input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);background:#0003;outline:none;flex:1;padding:.8rem 1rem;font-family:inherit;font-size:.95rem}.newsletter-form input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3eb0f933}.newsletter-form button{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:.8rem 1.2rem;font-family:inherit;font-weight:600}.newsletter-form button:hover{background:#2a9df4;transform:translateY(-2px);box-shadow:0 5px 15px #3eb0f94d}.app-footer{text-align:center;color:var(--text-secondary);padding:2rem 0 1rem;font-size:.85rem;animation:.8s ease-out .5s both fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}