:root{--font-primary:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif;--bg-dark:#07090e;--bg-surface:#0d111abf;--bg-surface-elevated:#161c2ad9;--border-subtle:#ffffff14;--border-glow:#8b5cf659;--color-primary:#8b5cf6;--color-secondary:#06b6d4;--color-accent:#f59e0b;--color-emerald:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--glow-violet:0 0 35px #8b5cf640;--glow-cyan:0 0 35px #06b6d440}[data-accent=violet]{--color-primary:#8b5cf6;--color-secondary:#06b6d4;--border-glow:#8b5cf666;--glow-violet:0 0 35px #8b5cf64d}[data-accent=cyan]{--color-primary:#06b6d4;--color-secondary:#3b82f6;--border-glow:#06b6d466;--glow-violet:0 0 35px #06b6d44d}[data-accent=emerald]{--color-primary:#10b981;--color-secondary:#06b6d4;--border-glow:#10b98166;--glow-violet:0 0 35px #10b9814d}[data-accent=rose]{--color-primary:#f43f5e;--color-secondary:#f59e0b;--border-glow:#f43f5e66;--glow-violet:0 0 35px #f43f5e4d}[data-theme=light]{--bg-dark:#f8fafc;--bg-surface:#fffffff5;--bg-surface-elevated:#fff;--border-subtle:#0f172a1f;--border-glow:#6d28d966;--color-primary:#6d28d9;--color-secondary:#0284c7;--color-accent:#b45309;--color-emerald:#047857;--text-main:#0f172a;--text-muted:#1e293b;--text-dim:#334155;--glow-violet:0 10px 30px #6d28d91f;--glow-cyan:0 10px 30px #0284c71f}[data-theme=light][data-accent=violet]{--color-primary:#6d28d9;--color-secondary:#0284c7;--border-glow:#6d28d966}[data-theme=light][data-accent=cyan]{--color-primary:#0284c7;--color-secondary:#2563eb;--border-glow:#0284c766}[data-theme=light][data-accent=emerald]{--color-primary:#047857;--color-secondary:#0284c7;--border-glow:#04785766}[data-theme=light][data-accent=rose]{--color-primary:#e11d48;--color-secondary:#d97706;--border-glow:#e11d4866}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark);font-family:var(--font-primary);transition:background-color .3s,color .3s}body{min-height:100vh;color:var(--text-main);background-color:var(--bg-dark);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#8b5cf659;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.app-container{background:var(--bg-dark);width:100%;min-height:100vh;transition:background-color .3s;position:relative}.canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.canvas-element{object-fit:cover;width:100%;height:100%;display:block}.canvas-vignette{pointer-events:none;background:linear-gradient(90deg,#07090e 0%,#07090ee0 32%,#07090e33 60%,#0000 85%),linear-gradient(#0000 82%,#07090e 100%);position:absolute;inset:0}@media (width<=900px){.canvas-vignette{background:linear-gradient(#07090e4d 0%,#07090ed9 55%,#07090e 100%)}}.ambient-glow-1{z-index:2;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;width:550px;height:550px;position:fixed;top:-15%;left:-10%}.ambient-glow-2{z-index:2;pointer-events:none;filter:blur(50px);background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;bottom:-15%;right:-10%}.content-layer{z-index:10;width:100%;position:relative}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:1.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -5px #00000080}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--glow-violet), 0 15px 35px -5px #0009;transform:translateY(-4px)}.glass-nav{-webkit-backdrop-filter:blur(20px);background:#0d111a73;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:1.5rem;padding:.65rem 1.85rem;display:flex;box-shadow:0 8px 32px #00000059}.glass-nav button{flex-shrink:0;white-space:nowrap!important}.portfolio-section{flex-direction:column;justify-content:center;max-width:1280px;min-height:100vh;margin:0 auto;padding:6rem 2rem 4rem;display:flex}@media (width<=768px){.portfolio-section{padding:5rem 1.25rem 3rem}}.section-badge{color:#c4b5fd;letter-spacing:.05em;text-transform:uppercase;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.825rem;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);background:linear-gradient(135deg,#fff 30%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.25rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--text-muted);max-width:650px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #8b5cf659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #8b5cf68c}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.tag-badge{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:.5rem;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.tag-badge:hover{color:#fff;background:#8b5cf626;border-color:#8b5cf659;transform:translateY(-1px)}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-float{animation:5s ease-in-out infinite floatSlow}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}[data-theme=light] html,[data-theme=light] body,[data-theme=light] .app-container{color:#0f172a!important;background-color:#f8fafc!important}[data-theme=light] .glass-nav{-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;background:#0f172aa6!important;border:1px solid #fff3!important;box-shadow:0 8px 32px #00000059!important}[data-theme=light] .glass-nav button{text-shadow:0 1px 2px #0009;color:#ffffffe6!important;font-weight:600!important}[data-theme=light] .glass-nav button:hover{color:#fff!important}.palette-popup-card button,.palette-option-btn{text-shadow:none!important}[data-theme=light] .palette-popup-card button,[data-theme=light] .palette-option-btn,[data-theme=light] .palette-option-btn span{color:#0f172a!important;text-shadow:none!important}[data-theme=light] .palette-option-btn:hover{color:#000!important;background:#0f172a0f!important}[data-theme=light] .glass-card{background:#fffffff7!important;border:1px solid #0f172a21!important;box-shadow:0 10px 30px -5px #0f172a0f,0 2px 8px #0f172a0a!important}[data-theme=light] .glass-card:hover{border-color:#6d28d973!important;box-shadow:0 16px 36px -5px #6d28d926,0 4px 12px #0f172a0f!important}[data-theme=light] .section-title{background:linear-gradient(135deg,#0f172a 20%,#4338ca 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}[data-theme=light] .section-subtitle{color:#334155!important;font-weight:500!important}[data-theme=light] .section-badge{color:#6d28d9!important;background:#6d28d91a!important;border-color:#6d28d959!important;font-weight:700!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] strong,[data-theme=light] b,[data-theme=light] .glass-card h3,[data-theme=light] .glass-card h4,[data-theme=light] .glass-card strong,[data-theme=light] [style*="color: #ffffff"],[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color: rgb(255, 255, 255)"]{color:#0f172a!important}[data-theme=light] p,[data-theme=light] .glass-card p,[data-theme=light] [style*="color: #cbd5e1"],[data-theme=light] [style*="color: rgb(203, 213, 225)"]{color:#1e293b!important;font-weight:450!important}[data-theme=light] [style*="color: #94a3b8"],[data-theme=light] [style*="color: rgb(148, 163, 184)"],[data-theme=light] [style*="color: #64748b"],[data-theme=light] [style*="color: rgb(100, 116, 139)"]{color:#334155!important;font-weight:500!important}[data-theme=light] .tag-badge{color:#0f172a!important;background:#0f172a0d!important;border:1px solid #0f172a29!important;font-weight:600!important}[data-theme=light] .tag-badge:hover{color:#6d28d9!important;background:#6d28d91f!important;border-color:#6d28d966!important}[data-theme=light] .glass-card [style*="background: rgba(255, 255, 255, 0.04)"],[data-theme=light] .glass-card [style*="background: rgba(255, 255, 255, 0.05)"],[data-theme=light] .glass-card [style*="background: rgba(255, 255, 255, 0.03)"]{color:#1e293b!important;background:#0f172a0a!important;border-color:#0f172a24!important}[data-theme=light] [style*="color: #38bdf8"],[data-theme=light] [style*="color: rgb(56, 189, 248)"]{color:#0284c7!important;font-weight:800!important}[data-theme=light] [style*="color: #06b6d4"],[data-theme=light] [style*="color: rgb(6, 182, 212)"]{color:#0369a1!important;font-weight:700!important}[data-theme=light] [style*="color: #86efac"],[data-theme=light] [style*="color: rgb(134, 239, 172)"]{color:#047857!important;font-weight:700!important}[data-theme=light] [style*="color: #c4b5fd"],[data-theme=light] [style*="color: rgb(196, 181, 253)"]{color:#6d28d9!important;font-weight:700!important}[data-theme=light] #contact label{color:#0f172a!important;font-weight:600!important}[data-theme=light] #contact input,[data-theme=light] #contact textarea{color:#0f172a!important;background:#fff!important;border:1.5px solid #94a3b8!important;font-weight:500!important}[data-theme=light] #contact input:focus,[data-theme=light] #contact textarea:focus{border-color:#6d28d9!important;box-shadow:0 0 0 3px #6d28d92e!important}[data-theme=light] #contact input::placeholder,[data-theme=light] #contact textarea::placeholder{color:#64748b!important;opacity:1!important}[data-theme=light] #contact [style*="background: rgba(37, 211, 102, 0.08)"]{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=light] #skills button[style*="rgba(255, 255, 255, 0.05)"]{color:#1e293b!important;background:#fff!important;border:1px solid #0f172a2e!important;font-weight:600!important}[data-theme=light] #skills button[style*="rgba(255, 255, 255, 0.05)"]:hover{color:#6d28d9!important;background:#6d28d914!important}[data-theme=light] #skills [style*="background: rgba(255, 255, 255, 0.08)"]{background:#e2e8f0!important}[data-theme=light] #certifications [style*="border-top: 1px solid rgba(255, 255, 255, 0.08)"]{border-top:1px solid #0f172a1a!important}[data-theme=light] #experience [style*="background: rgba(255, 255, 255, 0.05)"]{color:#1e293b!important;background:#fff!important;border:1px solid #0f172a26!important;font-weight:600!important}.btn-figma-badge{color:#34d399;background:#10b98129;border:1px solid #34d39966;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 14px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-figma-badge:hover{background:#10b98147;transform:translateY(-1px)}.btn-pdf-badge{color:#f87171;background:#ef444426;border:1px solid #f8717166;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 14px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-pdf-badge:hover{background:#ef444442;transform:translateY(-1px)}[data-theme=light] .btn-figma-badge{color:#047857!important;background:#ecfdf5!important;border:1.5px solid #059669!important;font-weight:800!important;box-shadow:0 1px 4px #05966926!important}[data-theme=light] .btn-figma-badge:hover{color:#065f46!important;background:#d1fae5!important}[data-theme=light] .btn-pdf-badge{color:#b91c1c!important;background:#fef2f2!important;border:1.5px solid #dc2626!important;font-weight:800!important;box-shadow:0 1px 4px #dc262626!important}[data-theme=light] .btn-pdf-badge:hover{color:#991b1b!important;background:#fee2e2!important}[data-theme=light] #projects button[style*="background: rgba(255, 255, 255, 0.05)"]{color:#0f172a!important;background:#fff!important;border:1.5px solid #0f172a33!important;font-weight:600!important}[data-theme=light] #projects button[style*="background: rgba(255, 255, 255, 0.05)"]:hover{color:#6d28d9!important;background:#6d28d914!important;border-color:#6d28d9!important}[data-theme=light] [style*="background: rgba(7, 9, 14, 0.8)"],[data-theme=light] [style*="background: rgba(7, 9, 14, 0.85)"]{background:#fffffff2!important;border:1px solid #0f172a2e!important;box-shadow:0 4px 12px #0f172a1a!important}[data-theme=light] [style*="background: rgba(7, 9, 14"]{background:#fffffff0!important;border-color:#0f172a29!important;box-shadow:0 20px 60px #0f172a24,0 0 35px #6d28d926!important}[data-theme=light] [style*="background: rgba(7, 9, 14"] h1,[data-theme=light] [style*="background: rgba(7, 9, 14"] h2,[data-theme=light] [style*="background: rgba(7, 9, 14"] h3{color:#0f172a!important}[data-theme=light] [style*="background: rgba(7, 9, 14"] p{color:#1e293b!important}[data-theme=light] [style*="background: rgb(13, 17, 26)"],[data-theme=light] [style*="background: #0d111a"],[data-theme=light] [style*="background: rgba(13, 17, 26"]{background:#fff!important;border-color:#0f172a26!important;box-shadow:0 25px 70px #0f172a38!important}[data-theme=light] .ambient-glow-1{background:radial-gradient(circle,#6d28d914 0%,#0000 70%)!important}[data-theme=light] .ambient-glow-2{background:radial-gradient(circle,#0284c714 0%,#0000 70%)!important}[data-theme=light] .portfolio-footer{background:#fffffff5!important;border-top-color:#0f172a1f!important}[data-theme=light] .portfolio-footer p,[data-theme=light] .portfolio-footer span{color:#334155!important}[data-theme=light] .portfolio-footer .footer-name{color:#0f172a!important}.about-bento{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;display:grid}.about-bento .b-narrative{grid-column:span 2}.about-bento .b-edu{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px;display:grid}.cs-grid{grid-template-columns:1fr 1.05fr;gap:24px;max-width:1120px;display:grid}.cs-steps{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;display:grid}.cs-metrics{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1120px;display:grid}.cs-gauges{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=880px){.nav-links-desktop,.nav-contact-desktop{display:none!important}.mobile-hamburger-btn{display:inline-flex!important}.desktop-nav{padding:6px 14px!important}.about-bento{grid-template-columns:1fr}.about-bento .b-narrative,.about-bento .b-edu{grid-column:auto}.about-bento .b-edu,.cs-grid{grid-template-columns:1fr}.cs-steps,.cs-metrics{grid-template-columns:repeat(2,1fr)}.scrolly-card-stage.scrolly-card-right,.scrolly-card-stage.scrolly-card-left{max-width:580px!important;margin:0 auto!important;top:50%!important;left:1rem!important;right:1rem!important;transform:translateY(-50%)!important}}@media (width<=640px){.nav-brand-text{display:none!important}.portfolio-section{padding:4.5rem 1rem 2.5rem}.section-title{font-size:1.85rem;line-height:1.2}.section-subtitle{margin-bottom:1.75rem;font-size:.925rem}.scrolly-card-stage,.scrolly-card-stage.scrolly-card-right,.scrolly-card-stage.scrolly-card-left,.scrolly-card-stage.scrolly-card-center,.scrolly-card-stage.scrolly-card-section1{max-width:calc(100vw - 1.5rem)!important;padding:0!important;inset:auto .75rem 1.25rem!important;transform:translateY(0)!important}.scrolly-card-inner{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#07090ee0!important;border:1px solid #fff3!important;border-radius:1.15rem!important;padding:14px 16px!important;box-shadow:0 10px 30px #000000d9!important}.scrolly-card-inner h1{margin-bottom:2px!important;font-size:1.45rem!important;line-height:1.15!important}.scrolly-card-inner h2{margin-bottom:6px!important;font-size:1.1rem!important;line-height:1.25!important}.scrolly-card-inner p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-bottom:8px!important;font-size:.8rem!important;line-height:1.45!important}.scrolly-card-inner a,.scrolly-card-inner button{padding:.5rem 1rem!important;font-size:.8rem!important}.cs-steps{grid-template-columns:1fr}.cs-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.cs-gauges{gap:8px}#experience>div[style*="paddingLeft: 46px"]{padding-left:24px!important}#experience div[style*="left: 15px"]{left:7px!important}#experience div[style*="left: -37px"]{width:12px!important;height:12px!important;left:-23px!important}#experience .glass-card{padding:20px 16px!important}input,textarea,select,button{font-size:16px!important}.floating-whatsapp-btn{padding:9px 14px!important;font-size:.8rem!important;bottom:16px!important;right:16px!important}.btn-primary,.btn-secondary{padding:.75rem 1.25rem;font-size:.88rem}}@media (width<=400px){.cs-metrics{grid-template-columns:1fr}.about-bento .glass-card{padding:18px 14px!important}.floating-whatsapp-btn span{display:none!important}.floating-whatsapp-btn{border-radius:50%!important;padding:10px!important}}