@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@400;500;600&display=swap";@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeIn{animation:fadeIn 1s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .8s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(calc(-100% - 2rem))}}@keyframes scrollRight{0%{transform:translate(calc(-100% - 2rem))}to{transform:translate(0)}}.marquee-container{display:flex;overflow:hidden;position:relative;width:100%;padding:1rem 0;gap:2rem;-webkit-mask-image:linear-gradient(to right,transparent,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent);mask-image:linear-gradient(to right,transparent,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent)}.marquee-track{display:flex;gap:2rem;flex-shrink:0;min-width:100%;align-items:center}.marquee-container:hover .marquee-track{animation-play-state:paused}.scroll-left{animation:scrollLeft 40s linear infinite}.scroll-right{animation:scrollRight 40s linear infinite}@media(max-width:768px){:root{--spacing-lg: 3rem;--spacing-xl: 5rem}.section-title{font-size:2rem}.container{padding:0 1.5rem}#hero{padding:0 5vw!important}#experience>div>div{grid-template-columns:1fr!important}#experience button{border-left:none!important;border-bottom:2px solid var(--border-color)!important}#experience button[style*="border-left: 2px solid var(--accent-color)"]{border-bottom:2px solid var(--accent-color)!important}#skills>div>div{grid-template-columns:1fr!important;gap:2rem!important}#featured>div>div>div{grid-template-columns:1fr!important}#featured>div>div>div>div{order:1!important;text-align:left!important}#featured ul{justify-content:flex-start!important}#featured>div>div>div>div>div{justify-content:flex-start!important}#projects>div{grid-template-columns:1fr!important}#about>div{grid-template-columns:1fr!important}.desktop-nav{display:none!important}}@media(max-width:480px){:root{--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}.section-title{font-size:1.75rem}.btn{padding:10px 20px;font-size:.9rem}#hero{padding:0 1rem!important}#testimonials>div>div{padding:2rem 1.5rem!important}#contact .btn{padding:1rem 2rem!important;font-size:1rem!important}}@media(min-width:1400px){.container{max-width:1400px}}:root{--bg-color: #000000;--bg-secondary: #0a0a0a;--text-main: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #ffffff;--accent-secondary: #808080;--accent-tertiary: #404040;--accent-glow: rgba(255, 255, 255, .1);--card-bg: rgba(15, 15, 15, .9);--border-color: #333333;--nav-bg: rgba(0, 0, 0, .9);--gradient-primary: linear-gradient(135deg, #ffffff 0%, #404040 100%);--gradient-secondary: linear-gradient(135deg, #a0a0a0 0%, #1a1a1a 100%);--gradient-text: linear-gradient(135deg, #ffffff, #808080, #ffffff);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "Fira Code", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--max-width: 1200px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:radial-gradient(circle at top,#1a1a1a 0%,var(--bg-color) 70%);background-attachment:fixed;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0;position:relative}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-lg);text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%);font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:2px;background:#fff;border-radius:1px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 28px;background:transparent;border:1px solid #ffffff;color:#fff;border-radius:4px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;transition:left .3s ease;z-index:-1}.btn:hover:before{left:0}.btn:hover{color:#000;transform:translateY(-2px)}.btn-primary{background:#fff;color:#000;border:1px solid #ffffff}.btn-primary:before{background:#e0e0e0}.btn-primary:hover{background:#e0e0e0;color:#000}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{text-shadow:0 0 15px rgba(255,255,255,.2)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-md);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover:before{opacity:1}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px -10px var(--accent-glow);border-color:transparent}.card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover:after{opacity:1}.intro-overlay{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;pointer-events:all}.intro-overlay--exit{animation:introOverlayFade 1s cubic-bezier(.4,0,1,1) .4s forwards}.intro-word{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:900;font-size:clamp(2.5rem,9vw,6rem);color:#fff;letter-spacing:-.04em;line-height:1;will-change:transform,opacity,filter;-webkit-user-select:none;user-select:none;margin:0;padding:0;min-height:1.1em;display:flex;align-items:center}.intro-word--zoom{animation:introWordZoom 1.3s cubic-bezier(.2,0,.6,1) forwards}.intro-cursor{display:inline-block;width:3px;height:.85em;background:#fff;margin-left:6px;vertical-align:middle;border-radius:1px;animation:introCursorBlink .65s step-end infinite}.intro-cursor--hidden{animation:introCursorFadeOut .3s ease-out .15s forwards}@keyframes introCursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes introCursorFadeOut{0%{opacity:1}to{opacity:0}}@keyframes introWordZoom{0%{opacity:1;transform:scale(1);filter:blur(0px)}55%{opacity:.5;transform:scale(7);filter:blur(12px)}to{opacity:0;transform:scale(18);filter:blur(40px)}}@keyframes introOverlayFade{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.intro-word{animation:none}.intro-word--zoom{animation:introWordFadeOut .5s ease-out forwards}.intro-overlay--exit{animation:introOverlayFade .5s ease-out forwards;animation-delay:0s}.intro-cursor{animation:none}.intro-cursor--hidden{display:none}}@keyframes introWordFadeOut{0%{opacity:1}to{opacity:0}}.mode-select{position:fixed;inset:0;z-index:9998;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10vw;font-family:Fira Code,monospace;animation:modeSelectFadeIn .5s ease-out forwards}@keyframes modeSelectFadeIn{0%{opacity:0}to{opacity:1}}.mode-select--exit{animation:modeSelectFadeOut .4s ease-in forwards;pointer-events:none}@keyframes modeSelectFadeOut{0%{opacity:1}to{opacity:0}}.mode-select__prompt{font-size:clamp(1rem,2.5vw,1.4rem);color:#fff;font-weight:400;margin-bottom:3rem;letter-spacing:-.01em;min-height:1.5em;display:flex;align-items:center;gap:0}.mode-select__prompt-prefix{color:#555;margin-right:.6em;-webkit-user-select:none;user-select:none}.mode-select__prompt-cursor{display:inline-block;width:2px;height:1.1em;background:#fff;margin-left:3px;vertical-align:middle;animation:promptCursorBlink .65s step-end infinite}.mode-select__prompt-cursor--static{animation:none;opacity:0}@keyframes promptCursorBlink{0%,to{opacity:1}50%{opacity:0}}.mode-select__options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:640px;width:100%;opacity:0;transition:opacity .4s ease}.mode-select__options--visible{opacity:1}.mode-option{border:1px solid #333333;padding:2rem 1.75rem;cursor:pointer;background:transparent;transition:border-color .2s ease,background .2s ease;text-align:left;outline:none;display:block;width:100%;font-family:Fira Code,monospace;border-radius:0}.mode-option:hover,.mode-option:focus-visible{border-color:#fff;background:#ffffff08}.mode-option__preview{width:100%;margin-bottom:1.25rem;border:1px solid #1a1a1a;overflow:hidden;line-height:0;opacity:.28;transform:translateY(5px) scale(.98);transition:opacity .28s ease,transform .28s ease,border-color .28s ease}.mode-option:hover .mode-option__preview,.mode-option:focus-visible .mode-option__preview{opacity:1;transform:translateY(0) scale(1);border-color:#333}.mode-option__preview-svg{width:100%;height:auto;display:block}.mode-option__label{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#fff;letter-spacing:-.03em;display:block;margin-bottom:.6rem;line-height:1}.mode-option__desc{font-size:.82rem;color:#555;line-height:1.5;font-weight:400}.mode-select__hint{margin-top:2rem;font-size:.78rem;color:#333;font-family:Fira Code,monospace;opacity:0;transition:opacity .4s ease .2s}.mode-select__hint--visible{opacity:1}@media(prefers-reduced-motion:reduce){.mode-select{animation:none}.mode-select--exit{animation:none;opacity:0}}@media(max-width:600px){.mode-select{padding:0 6vw}.mode-select__options{grid-template-columns:1fr}}.cli{position:fixed;inset:0;z-index:9998;background:#000;color:#a3e635;font-family:Fira Code,monospace;font-size:clamp(.8rem,1.6vw,.95rem);display:flex;flex-direction:column;overflow:hidden;animation:cliFadeIn .35s ease-out forwards}@keyframes cliFadeIn{0%{opacity:0}to{opacity:1}}.cli__topbar{flex-shrink:0;padding:.6rem 1.5rem;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:1rem;background:#050505}.cli__topbar-dots{display:flex;gap:6px}.cli__topbar-dot{width:12px;height:12px;border-radius:50%;background:#333}.cli__topbar-title{font-size:.75rem;color:#444;margin:0 auto}.cli__output{flex:1;overflow-y:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:#1e1e1e transparent}.cli__output::-webkit-scrollbar{width:4px}.cli__output::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:2px}.cli__line{line-height:1.65;white-space:pre-wrap;word-break:break-word}.cli__line--input{color:#fff}.cli__line--output{color:#a3e635}.cli__line--dim{color:#555}.cli__line--error{color:#f87171}.cli__line--blank{height:.8em}.cli__prompt-prefix{color:#555;-webkit-user-select:none;user-select:none}.cli__prompt-prefix--dollar{color:#a3e635}.cli__input-row{flex-shrink:0;border-top:1px solid #1a1a1a;padding:.75rem 2rem;display:flex;align-items:center;gap:.5rem;background:#000}.cli__input-label{color:#555;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(.8rem,1.6vw,.95rem)}.cli__input-label--dollar{color:#a3e635}.cli__input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:Fira Code,monospace;font-size:clamp(.8rem,1.6vw,.95rem);caret-color:#a3e635;padding:0}.cli__gui-btn{position:absolute;top:.5rem;right:1.5rem;font-family:Fira Code,monospace;font-size:.72rem;color:#333;background:transparent;border:1px solid #1e1e1e;padding:.3rem .75rem;cursor:pointer;transition:color .2s ease,border-color .2s ease;border-radius:0}.cli__gui-btn:hover{color:#fff;border-color:#555}@media(prefers-reduced-motion:reduce){.cli{animation:none}}