:root{--bg-primary:#0a0d14;--bg-secondary:#121824;--bg-tertiary:#1a2234;--bg-glass:#121824bf;--bg-card:#1a223499;--bg-card-hover:#222d44d9;--border-color:#ffffff14;--border-glow:#6366f166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--accent-glow:#6366f14d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 12px 32px #0006;--shadow-3d:0 20px 40px -15px #0009, 0 0 35px #6366f140;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--container-max:1200px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.16, 1, .3, 1)}html.light{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#ffffffd9;--bg-card:#ffffffe6;--bg-card-hover:#fff;--border-color:#00000014;--border-glow:#6366f166;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-3d:0 15px 30px -10px #0000001f, 0 0 25px #6366f126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}html,body,#root,.app-root{width:100%;max-width:100vw;overflow-x:hidden!important}body{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.perspective-viewport{perspective:1200px}.section{padding:6rem 0;position:relative}.section-header{text-align:center;max-width:650px;margin:0 auto 4rem}.badge{border-radius:var(--radius-full);color:var(--accent-primary);border:1px solid var(--border-glow);text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #6366f126}.section-title{margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s,background .4s;position:relative}.card-3d{position:relative}.card-3d:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 8px 30px -5px #6366f14d}.card-3d .layer-pop-1,.card-3d .layer-pop-2{transition:transform .3s}.card-3d:hover{border-color:var(--accent-primary);box-shadow:0 10px 30px -10px #6366f159}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);white-space:nowrap;transform-style:preserve-3d;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 20px #6366f166}.btn-primary:hover{transform:translateY(-3px)translateZ(10px)scale(1.02);box-shadow:0 12px 30px #6366f199}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0000004d}.btn-outline{border:1px solid var(--border-glow);color:var(--text-primary);background:#6366f10d}.btn-outline:hover{background:#6366f126;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #6366f140}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4;filter:blur(60px);transform:scale(1)}50%{opacity:.7;filter:blur(80px);transform:scale(1.1)}}@keyframes spinCube3D{0%{transform:rotateX(0)rotateY(0)rotate(0)}50%{transform:rotateX(180deg)rotateY(180deg)rotate(90deg)}to{transform:rotateX(360deg)rotateY(360deg)rotate(180deg)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glow-orb{border-radius:var(--radius-full);pointer-events:none;z-index:0;animation:8s ease-in-out infinite pulseGlow;position:absolute}.floating-3d-cube{width:140px;height:140px;transform-style:preserve-3d;opacity:.25;pointer-events:none;animation:20s linear infinite spinCube3D;position:absolute}.floating-3d-cube .cube-face{border:1px solid var(--accent-cyan);background:#6366f10d;width:140px;height:140px;position:absolute;box-shadow:inset 0 0 15px #06b6d433}.floating-3d-cube .face-front{transform:rotateY(0)translateZ(70px)}.floating-3d-cube .face-back{transform:rotateY(180deg)translateZ(70px)}.floating-3d-cube .face-right{transform:rotateY(90deg)translateZ(70px)}.floating-3d-cube .face-left{transform:rotateY(-90deg)translateZ(70px)}.floating-3d-cube .face-top{transform:rotateX(90deg)translateZ(70px)}.floating-3d-cube .face-bottom{transform:rotateX(-90deg)translateZ(70px)}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.2rem;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:1fr!important;gap:2rem!important}}@media (width<=768px){.section{padding:3.5rem 0}.section-title{font-size:1.85rem}.grid-2,.grid-3{grid-template-columns:1fr!important}.nav-links-desktop,.resume-btn-desktop{display:none!important}.mobile-menu-btn{display:flex!important}.floating-3d-cube{display:none}}@media (width>=769px){.mobile-menu-btn{display:none!important}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.35)}}@media (width<=768px){.status-badge-desktop{display:none!important}}