:root{--font-main: "Plus Jakarta Sans", sans-serif;--font-accent: "Outfit", sans-serif;--bg-dark: #0a0a0c;--bg-card: #141417;--bg-card-hover: #1c1c1f;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--secondary: #10b981;--secondary-glow: rgba(16, 185, 129, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border-subtle: rgba(255, 255, 255, .05);--border-highlight: rgba(255, 255, 255, .1);--transition-snappy: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .6s cubic-bezier(.4, 0, .2, 1)}.bg-glow-container{position:relative;overflow:hidden}.glow-sphere{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.2;animation:float-glow 20s infinite alternate}@keyframes float-glow{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.glow-primary{background:var(--primary);top:-10%;left:-5%}.glow-secondary{background:var(--secondary);bottom:-10%;right:-5%}.glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;border-radius:1.5rem;padding:2.5rem;transition:var(--transition-snappy)}.glass-card:hover{background:rgba(255,255,255,.07);border-color:#ffffff40;transform:translateY(-10px) scale(1.02);box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #ffffff1a}.carousel-container{position:relative;width:100%}.carousel-viewport{overflow:hidden;padding:2rem 0}.carousel-track{display:flex;gap:1.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1)}.carousel-nav{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.carousel-arrow{width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition-snappy)}.carousel-arrow:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;scale:1.1}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.skill-icon-box{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:rgba(255,255,255,.03);margin-bottom:1rem;transition:var(--transition-smooth)}.glass-card:hover .skill-icon-box{background:rgba(255,255,255,.08);transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-accent);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}button{cursor:pointer;border:none;background:none;font-family:inherit}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:8rem 0}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:99px;font-weight:600;box-shadow:0 4px 20px var(--primary-glow);transition:var(--transition-smooth)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1.5rem;padding:2rem;transition:var(--transition-smooth)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-4px)}.glow-on-hover:hover{box-shadow:0 0 20px var(--primary-glow)}.profile-glass-container{width:320px;height:320px;border-radius:50%;padding:12px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);overflow:hidden}.profile-glass-container:hover{transform:scale(1.04) rotate(2deg);border-color:#6366f1;box-shadow:0 0 40px #6366f199,0 0 80px #6366f14d,0 30px 60px #000c}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:grayscale(20%) contrast(110%);transition:var(--transition-smooth)}.profile-glass-container:hover .profile-image{filter:grayscale(0%) contrast(100%)}@media (max-width: 768px){.profile-glass-container{width:260px;height:260px}}.skill-badge{position:absolute;top:1rem;right:1.2rem;padding:.25rem .75rem;background:rgba(99,102,241,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.2);border-radius:99px;font-size:.65rem;font-weight:700;letter-spacing:.05rem;color:var(--primary);text-transform:uppercase;z-index:2;transition:var(--transition-snappy)}.glass-card:hover .skill-badge{background:rgba(99,102,241,.15);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.skill-icon-box img{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover .skill-icon-box img{transform:scale(1.15) rotate(5deg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}