@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--navy:#110e0a;--light-navy:#1e1812;--lightest-navy:#33281c;--slate:#9a8b78;--light-slate:#b8a690;--lightest-slate:#e0d2be;--white:#f0e6d0;--accent:#c8943e;--font-sans:"Rajdhani", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--navy);color:var(--slate);-webkit-font-smoothing:antialiased;line-height:1.6}::selection{background-color:var(--lightest-navy);color:var(--lightest-slate)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}section{max-width:1000px;margin:0 auto;padding:100px 25px}h2.section-heading{color:var(--lightest-slate);white-space:nowrap;align-items:center;gap:10px;margin-bottom:40px;font-size:28px;display:flex}h2.section-heading .number{font-family:var(--font-mono);color:var(--accent);font-size:20px;font-weight:400}h2.section-heading:after{content:"";background-color:var(--lightest-navy);width:300px;height:1px;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--lightest-navy);border-radius:4px}.app{min-height:100vh}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#110e0ad9;align-items:center;height:70px;padding:0 50px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{height:60px;box-shadow:0 10px 30px -10px #0a0805b3}.navbar nav{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-family:var(--font-mono);border:2px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;font-weight:700;transition:all .3s;display:flex;color:var(--accent)!important}.logo:hover{background-color:#c8943e1a;text-decoration:none}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--lightest-slate);letter-spacing:.05em;text-transform:uppercase;font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--accent);text-decoration:none}.nav-links .number{color:var(--accent);margin-right:4px}.resume-btn{border:1px solid var(--accent);border-radius:4px;padding:8px 16px;transition:background-color .2s;color:var(--accent)!important}.resume-btn:hover{background-color:#c8943e1a}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;padding:8px;display:none}.hamburger span{background-color:var(--accent);width:28px;height:2px;margin:6px 0;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}@media (width<=768px){.navbar{padding:0 25px}.hamburger{display:block}.nav-links{background-color:var(--light-navy);flex-direction:column;justify-content:center;gap:24px;width:70vw;height:100vh;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px -15px #0a0805b3}.nav-links.open{transform:translate(0)}.nav-links a{font-size:16px}}.footer{text-align:center;font-family:var(--font-mono);color:var(--light-slate);padding:25px;font-size:12px}.footer a{color:var(--accent)}.footer a:hover{text-decoration:underline}.sidebar{z-index:10;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0}.sidebar:after{content:"";background-color:var(--light-slate);width:1px;height:90px;display:block}.sidebar-left{left:40px}.sidebar-right{right:40px}.sidebar-left ul{flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;padding:0;list-style:none;display:flex}.sidebar-left a{color:var(--light-slate);transition:all .2s}.sidebar-left a:hover{color:var(--accent);transform:translateY(-3px)}.sidebar-left svg{width:20px;height:20px;display:block}.email-link{font-family:var(--font-mono);letter-spacing:.1em;writing-mode:vertical-rl;margin-bottom:20px;font-size:12px;transition:all .2s;color:var(--light-slate)!important}.email-link:hover{text-decoration:none;transform:translateY(-3px);color:var(--accent)!important}@media (width<=1080px){.sidebar{display:none}}.grain-overlay{pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}.dune-terrain{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.hero{flex-direction:column;justify-content:center;max-width:1000px;min-height:100vh;margin:0 auto;padding:0 25px;display:flex}.hero-greeting{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px;font-size:16px}.hero-name{color:var(--lightest-slate);text-shadow:0 0 40px #c8943e26;margin:0;font-size:clamp(40px,8vw,80px);line-height:1.1}.hero-tagline{color:var(--slate);margin-top:10px;font-size:clamp(30px,6vw,60px);line-height:1.1}.hero-description{max-width:540px;margin-top:20px;font-size:18px;line-height:1.6}.hero-cta{border:1px solid var(--accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;width:fit-content;margin-top:40px;padding:16px 28px;font-size:14px;transition:all .3s;display:inline-block;color:var(--accent)!important}.hero-cta:hover{background-color:#c8943e1a;text-decoration:none;box-shadow:0 0 20px #c8943e26}.hero-fade{opacity:0;animation:.8s forwards heroFadeIn}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.about-content{grid-template-columns:3fr 2fr;gap:50px;display:grid}.about-text p{margin-bottom:15px;font-size:17px}.skills-list{grid-template-columns:repeat(2,minmax(140px,200px));gap:8px;margin-top:20px;padding:0;list-style:none;display:grid}.skills-list li{font-family:var(--font-mono);padding-left:20px;font-size:13px;position:relative}.skills-list li:before{content:"▸";color:var(--accent);position:absolute;left:0}.about-image{justify-content:center;display:flex}.image-wrapper{width:250px;height:250px;position:relative}.image-placeholder{background-color:var(--lightest-navy);width:250px;height:250px;color:var(--accent);z-index:1;text-shadow:0 0 30px #c8943e4d;border-radius:4px;justify-content:center;align-items:center;font-size:80px;font-weight:700;transition:transform .3s;display:flex;position:relative}.image-wrapper:hover .image-placeholder{transform:translate(-4px,-4px)}.image-border{border:2px solid var(--accent);z-index:0;border-radius:4px;width:250px;height:250px;transition:all .3s;position:absolute;top:16px;left:16px}.image-wrapper:hover .image-border{top:12px;left:12px}@media (width<=768px){.about-content{grid-template-columns:1fr}.about-image{margin-top:20px}.image-wrapper,.image-placeholder,.image-border{width:200px;height:200px}}.fade-in{opacity:0;transition:opacity .6s,transform .6s}.fade-in.fade-up{transform:translateY(30px)}.fade-in.fade-down{transform:translateY(-30px)}.fade-in.fade-left{transform:translate(-30px)}.fade-in.fade-right{transform:translate(30px)}.fade-in.visible{opacity:1;transform:translate(0)}.experience-content{gap:20px;display:flex}.tab-list{border-left:2px solid var(--lightest-navy);flex-direction:column;min-width:150px;display:flex}.tab-button{text-align:left;font-family:var(--font-mono);color:var(--slate);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:2px solid #0000;margin-left:-2px;padding:12px 20px;font-size:13px;transition:all .2s}.tab-button:hover{background-color:var(--light-navy);color:var(--accent)}.tab-button.active{color:var(--accent);border-left-color:var(--accent)}.tab-panel h3{color:var(--lightest-slate);font-size:20px;font-weight:500}.tab-panel .company a{color:var(--accent)}.tab-panel .date{font-family:var(--font-mono);margin-top:4px;margin-bottom:20px;font-size:13px}.tab-panel ul{padding:0;list-style:none}.tab-panel ul li{margin-bottom:12px;padding-left:24px;font-size:16px;position:relative}.tab-panel ul li:before{content:"▸";color:var(--accent);position:absolute;left:0}@media (width<=768px){.experience-content{flex-direction:column}.tab-list{border-left:none;border-bottom:2px solid var(--lightest-navy);flex-direction:row;overflow-x:auto}.tab-button{border-bottom:2px solid #0000;border-left:none;margin-bottom:-2px;margin-left:0}.tab-button.active{border-left-color:#0000;border-bottom-color:var(--accent)}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;display:grid}.project-card{background-color:var(--light-navy);cursor:default;border-radius:4px;flex-direction:column;padding:32px 28px;transition:transform .2s;display:flex}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -15px #c8943e1a}.project-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.folder-icon{width:40px;height:40px;color:var(--accent)}.project-links{gap:12px;display:flex}.project-links a{color:var(--light-slate);transition:color .2s}.project-links a:hover{color:var(--accent)}.project-links svg{width:20px;height:20px}.project-title{color:var(--lightest-slate);margin-bottom:12px;font-size:20px}.project-card:hover .project-title{color:var(--accent)}.project-description{flex-grow:1;margin-bottom:20px;font-size:15px}.project-tech{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.project-tech li{font-family:var(--font-mono);color:var(--light-slate);font-size:12px}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.blog-grid{grid-template-columns:1fr;gap:20px;display:grid}.blog-card{color:inherit;text-decoration:none;display:block}.blog-card-inner{background-color:var(--light-navy);border-left:3px solid #0000;border-radius:4px;padding:28px 32px;transition:all .2s}.blog-card:hover .blog-card-inner{border-left-color:var(--accent);transform:translate(5px)}.blog-date{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.blog-title{color:var(--lightest-slate);margin-bottom:10px;font-size:20px;transition:color .2s}.blog-card:hover .blog-title{color:var(--accent)}.blog-description{margin-bottom:16px;font-size:15px;line-height:1.6}.blog-tags{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.blog-tags li{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;background-color:#c8943e1a;border-radius:3px;padding:4px 10px;font-size:11px}@media (width<=768px){.blog-card-inner{padding:22px 20px}}.contact{text-align:center;max-width:600px;padding:150px 25px}.contact-overline{font-family:var(--font-mono);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:16px}.contact-title{color:var(--lightest-slate);margin-bottom:20px;font-size:clamp(36px,5vw,52px)}.contact-description{max-width:500px;margin:0 auto 40px;font-size:17px}.contact-btn{border:1px solid var(--accent);font-family:var(--font-mono);border-radius:4px;padding:16px 28px;font-size:14px;transition:background-color .2s;display:inline-block;color:var(--accent)!important}.contact-btn:hover{background-color:#c8943e1a;text-decoration:none}.blog-post-page{max-width:720px;min-height:100vh;margin:0 auto;padding:120px 25px 100px}.back-link{font-family:var(--font-mono);margin-bottom:40px;font-size:14px;transition:transform .2s;display:inline-block;color:var(--accent)!important}.back-link:hover{text-decoration:none;transform:translate(-4px)}.blog-post-meta{align-items:center;gap:16px;margin-bottom:20px;display:flex}.blog-post-date{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.blog-post-tags{gap:8px;padding:0;list-style:none;display:flex}.blog-post-tags li{font-family:var(--font-mono);color:var(--accent);background-color:#c8943e1a;border-radius:3px;padding:3px 8px;font-size:11px}.blog-post-content h1{color:var(--lightest-slate);margin-bottom:30px;font-size:clamp(28px,4vw,42px);line-height:1.2}.blog-post-content h2{color:var(--lightest-slate);margin-top:40px;margin-bottom:16px;font-size:24px}.blog-post-content h3{color:var(--lightest-slate);margin-top:32px;margin-bottom:12px;font-size:20px}.blog-post-content p{color:var(--light-slate);margin-bottom:20px;font-size:17px;line-height:1.8}.blog-post-content a{color:var(--accent)}.blog-post-content strong{color:var(--lightest-slate)}.blog-post-content em{color:var(--light-slate)}.blog-post-content ul,.blog-post-content ol{margin-bottom:20px;padding-left:24px}.blog-post-content li{color:var(--light-slate);margin-bottom:8px;font-size:17px;line-height:1.8}.blog-post-content code{font-family:var(--font-mono);background-color:var(--light-navy);color:var(--lightest-slate);border-radius:3px;padding:2px 6px;font-size:14px}.blog-post-content pre{background-color:var(--light-navy);border-radius:4px;margin-bottom:20px;padding:20px;overflow-x:auto}.blog-post-content pre code{background:0 0;padding:0}.blog-post-content blockquote{border-left:3px solid var(--accent);color:var(--slate);margin:20px 0;padding-left:20px;font-style:italic}.blog-post-content img{border-radius:4px;max-width:100%;margin:20px 0}.blog-post-content hr{border:none;border-top:1px solid var(--lightest-navy);margin:40px 0}