:root{--bg-primary: #090a0a;--bg-surface: #121414;--bg-surface-elevated: #181a1b;--bg-card: rgba(255, 255, 255, .032);--bg-card-hover: rgba(255, 255, 255, .065);--bg-card-active: rgba(57, 255, 20, .08);--accent-primary: #39FF14;--accent-primary-hover: #25D366;--accent-glow: rgba(57, 255, 20, .35);--accent-glow-subtle: rgba(57, 255, 20, .12);--accent-glow-soft: rgba(57, 255, 20, .05);--text-white: #ffffff;--text-primary: #EDEDED;--text-secondary: #A1A1AA;--text-muted: #71717A;--text-dim: #52525B;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .13);--border-accent: rgba(57, 255, 20, .3);--border-accent-active: #39FF14;--glass-blur: blur(16px);--glass-blur-heavy: blur(24px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(57, 255, 20, .2);--shadow-glow-lg: 0 0 40px rgba(57, 255, 20, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .14s cubic-bezier(.23, 1, .32, 1);--transition-normal: .25s cubic-bezier(.23, 1, .32, 1);--transition-smooth: .38s cubic-bezier(.23, 1, .32, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;background-color:var(--bg-primary)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-primary);color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full);border:2px solid var(--bg-primary);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-smooth),border-color var(--transition-normal),box-shadow var(--transition-smooth)}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow),var(--shadow-lg)}.spotlight-card{--mouse-x: 50%;--mouse-y: 50%;position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(320px circle at var(--mouse-x) var(--mouse-y),rgba(57,255,20,.4),transparent 65%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .35s ease;z-index:2}.spotlight-card:hover:before{opacity:1}button:active,.icon-btn:active,.view-btn:active,.contact-form-button:active{transform:scale(.97)!important;transition:transform .14s cubic-bezier(.23,1,.32,1)!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.typewriter-cursor,.typed-cursor{display:inline-block!important;color:var(--accent-primary)!important;font-weight:700!important;font-size:1em!important;line-height:1!important;margin-left:.08em!important;animation:cursor-blink .85s steps(2,start) infinite!important;text-shadow:0 0 10px var(--accent-glow)!important;vertical-align:baseline!important;user-select:none}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.section-title{color:var(--accent-primary);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;text-align:center;position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;min-height:1.25em;margin:0;box-sizing:border-box}.section-title>span{display:inline-block;min-height:1.15em;vertical-align:baseline}@media (max-width: 768px){.section-title{font-size:1.85rem}}.vertical-navbar{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(0);opacity:1;z-index:1000;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease}.vertical-navbar.vnav-hidden{transform:translate(-50%) translateY(-140%);opacity:0;pointer-events:none}.vnav-dock{display:flex;flex-direction:row;align-items:center;gap:.85rem;padding:.45rem .85rem;background:#080c14db;border:1px solid rgba(57,255,20,.25);border-radius:var(--radius-full);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 35px #000000bf,0 0 25px #39ff141a;pointer-events:auto;transition:all .3s cubic-bezier(.16,1,.3,1)}.vnav-dock:hover{border-color:#39ff1480;box-shadow:0 16px 45px #000000d9,0 0 35px #39ff1433}.vnav-brand{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#39ff1414;border:1px solid rgba(57,255,20,.35);text-decoration:none;transition:all var(--transition-fast)}.vnav-brand:hover{background:var(--accent-primary);box-shadow:0 0 18px var(--accent-primary);transform:scale(1.08)}.brand-monogram{font-size:.82rem;font-weight:800;color:var(--accent-primary);letter-spacing:1px;transition:color var(--transition-fast)}.vnav-brand:hover .brand-monogram{color:#000}.brand-pulse-dot{position:absolute;top:1px;right:1px;width:7px;height:7px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 6px var(--accent-primary);animation:pulse-ring 2s infinite cubic-bezier(.4,0,.6,1)}.vnav-divider{width:1px;height:22px;background:#ffffff1f}.vnav-menu{display:flex;flex-direction:row;align-items:center;gap:.45rem;list-style:none;padding:0;margin:0}.vnav-item{position:relative}.vnav-link{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);background:transparent;border:1px solid transparent;text-decoration:none;font-size:1.15rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.vnav-link:hover,.vnav-link.active{color:var(--accent-primary);background:#39ff141f;border-color:#39ff1459;box-shadow:0 0 14px #39ff1440;transform:scale(1.08)}.vnav-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-6px);background:#080c14f2;border:1px solid rgba(57,255,20,.35);color:var(--text-white);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;letter-spacing:.5px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;backdrop-filter:blur(12px);box-shadow:0 8px 24px #0009,0 0 12px #39ff142e;transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;z-index:1010}.vnav-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(57,255,20,.35) transparent}.vnav-link:hover .vnav-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.vnav-cv-wrapper{position:relative}.vnav-cv-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--accent-primary);border:none;color:#000;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 18px var(--accent-glow);transition:transform var(--transition-fast),box-shadow var(--transition-normal),background var(--transition-fast)}.vnav-cv-btn:hover{transform:scale(1.12);background:var(--accent-primary-hover);box-shadow:0 6px 26px var(--accent-glow)}.vnav-cv-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent-primary);opacity:.8;animation:cv-pulse-ring 2.4s infinite cubic-bezier(.4,0,.6,1);pointer-events:none}@keyframes cv-pulse-ring{0%{transform:scale(.92);opacity:.9}50%{transform:scale(1.3);opacity:0}to{transform:scale(.92);opacity:0}}.vnav-cv-flyout{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-8px) scale(.95);background:#080c14f5;border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:.65rem;display:flex;flex-direction:column;gap:.5rem;min-width:190px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 35px #000c,0 0 20px #39ff1433;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;z-index:1020}.vnav-cv-flyout:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent var(--border-accent) transparent}.vnav-cv-wrapper:hover .vnav-cv-flyout,.vnav-cv-flyout.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.vnav-cv-option{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;border-radius:var(--radius-md);text-decoration:none;background:#ffffff0a;border:1px solid var(--border-subtle);transition:all .2s ease}.vnav-cv-option i{color:var(--accent-primary);font-size:1.25rem;transition:transform .2s ease}.vnav-cv-option:hover{background:var(--accent-glow-subtle);border-color:var(--accent-primary);transform:translateY(-2px)}.vnav-cv-option:hover i{transform:scale(1.15)}.vnav-cv-text{display:flex;flex-direction:column;line-height:1.2}.vnav-cv-title{color:var(--text-white);font-size:.82rem;font-weight:500}.vnav-cv-sub{color:var(--accent-primary);font-weight:700;font-size:.88rem;letter-spacing:.3px}.vnav-lang-toggle{display:flex;flex-direction:row;align-items:center;gap:3px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:3px}.vnav-lang-toggle button{width:32px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.5px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.vnav-lang-toggle button.active{background:var(--accent-primary);color:#000;box-shadow:0 0 10px var(--accent-primary)}.vnav-lang-toggle button:hover:not(.active){color:var(--text-white)}.mobile-topbar,.mobile-menu-overlay{display:none}@media (min-width: 869px) and (max-width: 1366px){.vertical-navbar{left:16px}.vnav-dock{gap:.7rem;padding:.95rem .5rem}.vnav-brand,.vnav-link{width:38px;height:38px;font-size:1.05rem}.vnav-btn{width:38px;height:38px;font-size:.95rem}.vnav-divider{width:16px}}@media (max-height: 820px) and (min-width: 869px){.vnav-dock{gap:.45rem;padding:.65rem .45rem}.vnav-brand,.vnav-link,.vnav-btn{width:34px;height:34px;font-size:.95rem}.brand-monogram{font-size:.72rem}.vnav-lang-toggle{padding:1px;gap:1px}.vnav-lang-toggle button{font-size:.65rem;padding:.15rem .35rem}}@media (max-width: 868px){.vertical-navbar{top:0;left:0;transform:translateY(0);opacity:1;width:100%;pointer-events:auto;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease}.vertical-navbar.vnav-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.vnav-dock{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;padding:0 1.25rem;background:#080c14e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);position:relative;z-index:1010}.mobile-brand{font-size:1.3rem;font-weight:800;color:var(--accent-primary);letter-spacing:2px;text-decoration:none;text-shadow:0 0 12px var(--accent-glow-subtle)}.mobile-controls{display:flex;align-items:center;gap:1rem}.mobile-lang-toggle{display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px;gap:2px}.mobile-lang-toggle button{background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full);cursor:pointer}.mobile-lang-toggle button.active{background:var(--accent-primary);color:#000}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0}.menu-toggle span{width:100%;height:2.2px;background-color:var(--accent-primary);border-radius:var(--radius-full);transition:transform .3s ease,opacity .2s ease;box-shadow:0 0 6px var(--accent-glow-subtle)}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0;transform:translate(10px)}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu-overlay{display:flex;position:fixed;top:64px;left:0;width:100vw;height:calc(100dvh - 64px);background:#080c14f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease,visibility .35s;z-index:1005}.mobile-menu-overlay.active{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px;list-style:none;padding:0;margin:0}.mobile-menu-link{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.8rem 1.25rem;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;font-size:1.05rem;font-weight:500;transition:all .2s ease}.mobile-menu-link:hover,.mobile-menu-link.active{color:var(--accent-primary);background:var(--accent-glow-subtle);border-color:var(--accent-primary)}.mobile-cv-divider{width:100%;height:1px;background:#ffffff1a;margin:.25rem 0}.mobile-cv-link{background:#39ff1414;border-color:#39ff144d;color:var(--accent-primary)}}.portfolio-body{position:relative;min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.ambient-glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(130px);z-index:0;opacity:.12;transition:opacity .5s ease}.ambient-glow-1{width:480px;height:480px;background:radial-gradient(circle,var(--accent-primary) 0%,rgba(37,211,102,.4) 50%,transparent 70%);top:-100px;left:-100px}.ambient-glow-2{width:550px;height:550px;background:radial-gradient(circle,var(--accent-primary-hover) 0%,rgba(57,255,20,.25) 50%,transparent 70%);bottom:5%;right:-150px}@media (max-width: 768px){.ambient-glow{filter:blur(80px);opacity:.08}}