.shiny-text{display:inline-block;padding:.1em 0 .2em;margin:-.1em 0 -.2em}.magic-bento-card{--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color, 255, 106, 0),calc(var(--glow-intensity) * .8)) 0%,rgba(var(--glow-color, 255, 106, 0),calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(var(--glow-color, 255, 106, 0),.2);border-radius:50%;z-index:-1}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}[data-theme=light] .global-spotlight{mix-blend-mode:overlay}.bento-section{position:relative}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:1}.contact-card-fill{flex:1;width:100%}.darkveil-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block}:root{--bg-base: #000000;--bg-surface: #0a0a0a;--bg-elevated: #111111;--text-primary: #ffffff;--text-body: #888888;--text-muted: #555555;--accent: #FF6A00;--accent-dim: rgba(255, 106, 0, .2);--accent-glow: rgba(255, 106, 0, .15);--font-sans: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--nav-bg: rgba(255, 255, 255, .04);--nav-border: rgba(255, 255, 255, .1);--nav-shadow: rgba(0, 0, 0, .3);--mobile-overlay-bg: rgba(0, 0, 0, .97);--border-line: rgba(255, 255, 255, .12)}[data-theme=light]{--bg-base: #f5f5f0;--bg-surface: #ffffff;--bg-elevated: #e8e8e3;--text-primary: #111111;--text-body: #444444;--text-muted: #777777;--accent: #e05500;--accent-dim: rgba(224, 85, 0, .15);--accent-glow: rgba(224, 85, 0, .1);--nav-bg: rgba(255, 255, 255, .75);--nav-border: rgba(0, 0, 0, .08);--nav-shadow: rgba(0, 0, 0, .08);--mobile-overlay-bg: rgba(245, 245, 240, .97);--border-line: rgba(0, 0, 0, .1)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent);color:#000}::-moz-selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff8533}body{background-color:var(--bg-base);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;opacity:.4;background-image:radial-gradient(circle,rgba(255,106,0,.06) 1px,transparent 1px);background-size:40px 40px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-sans);font-weight:600;transition:color .4s ease}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;display:flex;flex-direction:column}.page-container{max-width:48rem;margin:0 auto;width:100%}.panel{border-left:1px solid var(--border-line);border-right:1px solid var(--border-line)}.pattern-separator{position:relative;display:flex;height:2rem;width:100%;border-left:1px solid var(--border-line);border-right:1px solid var(--border-line)}.pattern-separator:before{content:"";position:absolute;left:-100vw;z-index:-1;height:2rem;width:200vw;background-image:repeating-linear-gradient(315deg,var(--border-line) 0,var(--border-line) 1px,transparent 0,transparent 50%);background-size:10px 10px;opacity:.56}.glass-panel{background:var(--bg-surface);border:1px solid var(--bg-elevated);border-top:2px solid var(--accent);border-radius:0;transition:all .3s ease;position:relative;overflow:hidden}.glass-panel:hover{border-color:var(--accent)!important;box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,106,0,.06),transparent);animation:shimmer 2s infinite ease-in-out;pointer-events:none}.skill-icon{display:block;width:68%;height:68%;object-fit:contain}.skill-vector-icon{width:68%;height:68%;color:var(--accent)}.skill-link:hover,.skill-link:focus-visible{border-left-color:var(--accent)!important;outline:none}.skill-link:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.skill-icon-monochrome{filter:invert(1);opacity:.9}[data-theme=light] .skill-icon-monochrome{filter:none;opacity:.78}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.floating-icon{animation:float 6s ease-in-out infinite;opacity:.08;color:var(--accent)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.orange-glow{box-shadow:0 0 20px var(--accent-glow),0 0 60px #ff6a000d}.cursor-dot{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s;mix-blend-mode:screen}body:hover .cursor-dot{opacity:.6}.mobile-theme-toggle,.mobile-nav-logo{position:fixed;top:max(1rem,env(safe-area-inset-top));z-index:110;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--nav-border);border-radius:9999px;background:var(--nav-bg);box-shadow:0 4px 20px var(--nav-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-theme-toggle{right:max(1rem,env(safe-area-inset-right))}.mobile-nav-logo{left:max(1rem,env(safe-area-inset-left));text-decoration:none}.mobile-nav-logo-img{height:24px;width:auto;opacity:.9}.nav-wrapper{display:flex;justify-content:center;width:100%}.main-nav{position:fixed;left:50%;transform:translate(-50%);z-index:100;background-color:transparent;border:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .3s ease,border-radius .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;top:24px;bottom:auto;width:80%}.main-nav.scrolling{background-color:var(--nav-bg);border-color:var(--nav-border);border-radius:9999px;box-shadow:0 4px 30px var(--nav-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.5rem}.nav-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.nav-logo-img{height:40px;width:auto;opacity:.9;transition:opacity .2s ease}.nav-logo:hover .nav-logo-img{opacity:1}.nav-list{display:flex;list-style:none;margin:0;padding:0;justify-content:center;align-items:center;gap:2.5rem}.nav-item{flex:none}.nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.82rem;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;transition:color .2s ease;position:relative;white-space:nowrap}.nav-link:hover{color:var(--text-primary)}.nav-indicator{display:none;position:absolute;left:-16px;top:50%;transform:translateY(-50%) scale(0);width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:0;transition:transform .3s ease,opacity .3s ease}.nav-link.active .nav-indicator{transform:translateY(-50%) scale(1);opacity:1}.nav-link.active{color:var(--text-primary)!important;font-weight:600}.nav-icon{display:none}.nav-label{display:inline-block}.nav-theme-toggle{display:flex;align-items:center;margin-left:.5rem}@media (max-width: 768px){.page-container{padding:0 1.25rem}.main-nav{top:auto!important;bottom:max(1.5rem,calc(env(safe-area-inset-bottom) + 1rem));left:50%;width:calc(100% - 1.5rem)!important;max-width:34rem;border-radius:1.6rem;border-color:var(--nav-border);background-color:var(--nav-bg);box-sizing:border-box;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.main-nav.scrolling{border-radius:1.6rem;background-color:var(--nav-bg)}body{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.nav-inner{min-height:72px;padding:.6rem .5rem .7rem}.nav-list{width:100%;justify-content:space-around;gap:0}.nav-item{flex:1;display:flex;justify-content:center}.nav-link{font-size:.65rem;letter-spacing:.5px;gap:4px;min-height:52px;justify-content:center}.nav-theme-toggle{display:none!important}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--white-icon, var(--text-muted))}.nav-link.active .nav-icon{color:var(--accent)}.nav-label{display:none}.nav-link.active .nav-label{display:inline-block;line-height:1}.nav-indicator{display:none!important}@media (min-width: 768px){.nav-indicator{display:block}}}@media (min-width: 769px){.nav-indicator{display:block}.nav-icon{display:none}}@media (max-width: 480px){.page-container{padding:0 1rem}.mobile-theme-toggle,.mobile-nav-logo{top:max(1rem,env(safe-area-inset-top));width:42px;height:42px}.mobile-theme-toggle{right:max(1rem,env(safe-area-inset-right))}.mobile-nav-logo{left:max(1rem,env(safe-area-inset-left))}.nav-link{font-size:.6rem}}[data-theme=light] ::selection{background:var(--accent);color:#fff}[data-theme=light] ::-moz-selection{background:var(--accent);color:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-elevated)}[data-theme=light] body:before{background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:40px 40px;opacity:.5}[data-theme=light] .glass-panel{background:var(--bg-surface);border:1px solid var(--bg-elevated);box-shadow:0 1px 3px #0000000f}[data-theme=light] .glass-panel:hover{border-color:var(--accent)!important;box-shadow:0 4px 20px #e0550014;transform:translateY(-2px)}[data-theme=light] .shimmer-effect:after{background:linear-gradient(90deg,transparent,rgba(224,85,0,.04),transparent)}[data-theme=light] .cursor-dot{background:var(--accent);opacity:0}[data-theme=light] body:hover .cursor-dot{opacity:.4}[data-theme=light] .orange-glow{box-shadow:0 0 15px #e055000f,0 0 40px #e0550008}[data-theme=light] footer{border-top-color:var(--bg-elevated)!important;transition:background-color .4s ease,border-color .4s ease}[data-theme=light] .nav-logo-img,[data-theme=light] .mobile-nav-logo-img{filter:invert(1)}.footer-container{width:100%;position:relative;z-index:10;background-color:transparent}.footer-content{max-width:48rem;margin:0 auto;padding:3rem 1.5rem;border-left:1px solid var(--border-line);border-right:1px solid var(--border-line)}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}}.footer-col{display:flex;flex-direction:column}.footer-col-socials{align-items:center;gap:2.25rem}@media (min-width: 1024px){.footer-col-socials{align-items:flex-start}}.footer-social-links{display:flex;gap:1.5rem}@media (min-width: 640px){.footer-social-links{gap:2rem}}.footer-social-link{display:flex;flex-direction:column;align-items:center;text-decoration:none}.footer-social-icon{color:var(--text-muted);transition:color .3s ease-in-out}.footer-social-link:hover .footer-social-icon{color:var(--text-primary)}.footer-col-tech{align-items:center}@media (min-width: 1024px){.footer-col-tech{align-items:flex-end}}.footer-tech-stack{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%;max-width:20rem;padding:1.5rem 0}.footer-tech-item{display:flex;align-items:center;justify-content:center;gap:.75rem}@media (min-width: 1024px){.footer-tech-item{justify-content:flex-start}}.footer-tech-desc{color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono)}.tech-icon{opacity:.5;color:var(--text-muted)}.footer-tech-name{color:var(--text-muted);font-size:.875rem;font-family:var(--font-mono)}.footer-bottom{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--bg-elevated)}.footer-copyright{text-align:center;font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}.footer-copyright a{color:var(--text-muted);text-decoration:underline;transition:color .2s ease}.footer-copyright a:hover{color:var(--text-primary)}cal-floating-button{transform:scale(.9)!important;transform-origin:bottom left!important}@media (max-width: 768px){cal-floating-button{transform:translateY(-5.5rem) scale(.9)!important}}