:root{--bg-color:#0b0c10;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--card-bg:#16171d66;--card-border:#ffffff0f;--card-border-hover:#ffffff26;--glow-color:#ffffff14;--accent-color:#fff;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-lg:18px;--radius-md:12px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:var(--bg-color);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle at 30% 20%,#4338ca1f 0%,#0000 40%),radial-gradient(circle at 80% 40%,#8b5cf614 0%,#0000 45%),radial-gradient(circle at 40% 80%,#14b8a60f 0%,#0000 50%),radial-gradient(circle at 10%,#ec48990d 0%,#0000 35%);width:200%;height:200%;animation:30s ease-in-out infinite alternate mesh-glow;position:fixed;inset:-50%}@keyframes mesh-glow{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)translate(3%,5%)}to{transform:rotate(360deg)scale(1)translate(-2%,-3%)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b0c1080}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{z-index:1;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:120px 24px 80px;display:flex;position:relative}@media (width<=768px){.app-container{padding:80px 20px 60px}}.top-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-section{text-align:center;margin-bottom:72px;animation:1s cubic-bezier(.16,1,.3,1) both fadeInDown}.avatar-wrapper{margin-bottom:28px;display:inline-block;position:relative}.avatar-circle{background:linear-gradient(135deg,#fff 0%,#111 100%);border-radius:50%;width:110px;height:110px;padding:2px;box-shadow:0 10px 30px #0006}.avatar-inner{width:100%;height:100%;font-family:var(--font-heading);color:#fff;letter-spacing:-.05em;background:#0b0c10;border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex;position:relative;overflow:hidden}.avatar-pulse{border:1px solid #ffffff26;border-radius:50%;animation:4s linear infinite pulse-ring;position:absolute;inset:-4px}.profile-name{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(40px,8vw,68px);font-weight:800;line-height:1.1;position:relative}.profile-title{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:clamp(14px,4vw,18px);font-weight:500;display:flex}.divider{background-color:var(--text-muted);border-radius:50%;width:5px;height:5px;display:inline-block}.profile-bio{max-width:580px;color:var(--text-secondary);margin:0 auto;font-size:16px;font-weight:350;line-height:1.6}.social-grid-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);text-align:center;width:100%;margin-bottom:28px;font-size:14px;font-weight:600}.social-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:780px;animation:1.2s cubic-bezier(.16,1,.3,1) both fadeInUp;display:grid}@media (width<=600px){.social-grid{grid-template-columns:1fr;gap:16px}}.social-card{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth);cursor:pointer;align-items:center;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.card-icon-container{border-radius:var(--radius-md);width:54px;height:54px;transition:var(--transition-smooth);color:#fff;background:#ffffff0a;border:1px solid #ffffff0d;justify-content:center;align-items:center;margin-right:20px;display:flex}.card-info{flex-direction:column;flex-grow:1;display:flex}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:13px;font-weight:500}.card-handle{font-family:var(--font-heading);color:#fff;transition:var(--transition-fast);font-size:18px;font-weight:600}.card-arrow{color:var(--text-muted);opacity:.4;transition:var(--transition-smooth);align-items:center;display:flex;transform:translate(0)}.social-card:hover{border-color:var(--card-border-hover);background:#ffffff12;transform:translateY(-5px)}.social-card:hover .card-icon-container{color:#0b0c10;background:#fff;transform:scale(1.05)rotate(-3deg)}.social-card:hover .card-arrow{opacity:1;color:#fff;transform:translate(4px)}.social-card.github-card:hover{box-shadow:0 10px 30px #ffffff0d}.social-card.x-card:hover{box-shadow:0 10px 30px #ffffff0f}.social-card.sketchfab-card:hover{border-color:#1ab3e640;box-shadow:0 10px 30px #1ab3e614}.social-card.artstation-card:hover{border-color:#13aff040;box-shadow:0 10px 30px #13aff014}.social-card.instagram-card:hover{border-color:#e1306c40;box-shadow:0 10px 30px #e1306c14}.social-card.linkedin-card:hover{border-color:#0077b540;box-shadow:0 10px 30px #0077b514}.social-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.social-card:hover:after{left:100%}.portfolio-footer{text-align:center;color:var(--text-muted);letter-spacing:.05em;margin-top:96px;font-size:13px;font-weight:400;animation:1.5s both fadeIn}.footer-copy{margin-bottom:6px}.footer-credits{opacity:.7;font-size:11px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}