@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary: #12140e;--bg-secondary: #1a1d15;--text-primary: #fafaf9;--text-secondary: #a3a3a3;--accent-primary: #a3e635;--accent-secondary: #3f6212;--accent-glow: rgba(163, 230, 53, .25);--font-main: "Space Grotesk", "Inter", sans-serif;--nav-height: 80px;--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .08)}[data-theme=light]{--bg-primary: #fcfcf9;--bg-secondary: #ffffff;--text-primary: #1c1c1c;--text-secondary: #717171;--accent-primary: #65a30d;--accent-secondary: #365314;--accent-glow: rgba(101, 163, 13, .2);--card-bg: rgba(101, 163, 13, .03);--card-border: rgba(101, 163, 13, .12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% -20%,#2d3523 0%,transparent 70%),radial-gradient(circle at 0% 100%,#1a1d12 0%,transparent 50%),radial-gradient(circle at 100% 100%,#151810 0%,transparent 50%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden}[data-theme=light] body{background-image:radial-gradient(circle at 50% -20%,#f0f4ea 0%,transparent 70%)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#7c3aed59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:3rem;text-align:center;position:relative}h2:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));margin:.5rem auto 0;border-radius:2px;box-shadow:0 0 12px var(--accent-glow)}section{padding:6rem 1.5rem;max-width:1200px;margin:0 auto}#home{padding:0;max-width:100%;margin:0}.navbar{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:auto;min-width:320px;height:64px;z-index:1000;padding:0 1rem}.navbar .navbar-container{background:#1a1d15d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:100px;height:100%;padding:0 .5rem 0 .8rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #0006}@media(max-width:640px){.navbar{min-width:280px;width:90%;top:1rem;height:56px}.navbar .navbar-container{padding:0 .4rem 0 .6rem}.nav-icon-wrapper{font-size:1.2rem}.clock-wrapper{display:none}}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);cursor:pointer;letter-spacing:-.5px}.nav-menu.desktop{display:flex;gap:2.5rem}.nav-link{color:var(--text-secondary);font-weight:500;cursor:pointer;font-size:1rem;position:relative}.nav-link.active-capsule,.active-capsule{background:#a3e63526;color:var(--accent-primary)!important;box-shadow:inset 0 0 10px #a3e6351a}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-icon{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.mobile-menu{position:absolute;top:var(--nav-height);left:0;width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);overflow:hidden;box-shadow:0 10px 30px #0003}.nav-menu.mobile{display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:1.5rem}@media(max-width:768px){.nav-menu.desktop{display:none}.mobile-icon{display:block}.navbar{padding:0 1.5rem}section{padding:4rem 1rem}}.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background:var(--accent-primary);color:#12140e;box-shadow:0 4px 18px var(--accent-glow);letter-spacing:.02em;border:1px solid var(--accent-primary)}.btn-primary:hover{transform:translateY(-2px);background:transparent;color:var(--accent-primary);box-shadow:0 8px 28px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);box-shadow:none}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#a3e6350d}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 0 24px var(--accent-glow),0 0 60px #7c3aed14}.grid-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.5rem;width:100%}.grid-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-icon{margin-bottom:1rem;transition:transform .3s ease}.card:hover .skill-icon{transform:scale(1.1)}.skill-name{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-bottom:0;transition:color .3s ease}.project-preview{height:200px;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:500}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:linear-gradient(135deg,#7c3aed26,#06b6d41a);color:var(--accent-secondary);padding:.2rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(6,182,212,.2);letter-spacing:.02em}.contact-container{max-width:600px;margin:0 auto;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.form-input{width:100%;padding:1rem;background:#ffffff03;border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);margin-bottom:1rem;transition:all .3s ease;font-family:var(--font-main)}.form-input:focus{outline:none;border-color:var(--accent-primary);background:#a3e63505;box-shadow:0 0 15px #a3e6351a}.about-skills-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width:900px){.about-skills-container{grid-template-columns:1fr;gap:3rem}}.about-text{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.tools-title{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.tools-grid{display:flex;flex-wrap:wrap;gap:1rem}.tool-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--card-border);color:var(--text-secondary);font-size:.9rem;transition:all .3s ease}.tool-item:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{width:100%}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.skill-name-text{display:flex;align-items:center;gap:.5rem}.skill-bar-bg{width:100%;height:8px;background:var(--card-border);border-radius:4px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;box-shadow:0 0 8px var(--accent-glow)}.theme-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#ffffff1a}[data-theme=light] .theme-toggle:hover{background:#0000000d}.navbar,.navbar.scrolled{background:transparent}.contact-container.card{background:transparent;border:none;box-shadow:none}.contact-container h2{margin-bottom:1rem}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;width:100%}@media(min-width:850px){.certificates-grid.odd-layout>div:first-child{grid-column:1 / -1;max-width:900px;margin:0 auto}.certificates-grid.odd-layout>div:first-child a{display:flex;flex-direction:row;align-items:center;height:100%}.certificates-grid.odd-layout>div:first-child .cert-media{flex:0 0 55%;border-bottom:none;border-right:1px solid var(--card-border);height:100%;min-height:280px}.certificates-grid.odd-layout>div:first-child .cert-content{flex:1;text-align:left;padding:3rem}}.cert-media{width:100%;height:220px;object-fit:cover;object-position:top;display:block;border-bottom:1px solid var(--card-border);background:var(--bg-primary)}.cert-content{padding:1.8rem}.hack-staggered-container{display:flex;flex-direction:column;gap:40px;width:100%;margin-top:50px;position:relative}.hack-preview-card{width:80%;max-width:600px;cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d;position:relative;background:var(--card-bg);border:1px solid var(--card-border)}.hack-preview-card.align-left{align-self:flex-start}.hack-preview-card.align-right{align-self:flex-end;margin-top:80px}@media(max-width:768px){.hack-preview-card{width:100%}.hack-preview-card.align-right{align-self:center;margin-top:0}}.hack-preview-img-wrapper{position:relative;width:100%;height:320px}.hack-preview-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hack-preview-card:hover .hack-preview-img-wrapper img{transform:scale(1.05)}.hack-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000e6,#0003);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:background .3s ease}.hack-preview-card:hover .hack-preview-overlay{background:linear-gradient(to top,#000000d9,#a3e63540)}.hack-preview-overlay h3{color:#fff;font-size:1.8rem;margin-bottom:5px}.hack-preview-overlay span{color:var(--accent-primary);font-weight:500;font-size:.95rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.hack-preview-card:hover .hack-preview-overlay span{opacity:1;transform:translateY(0)}.hack-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px}.hack-modal-content{background:var(--bg-primary);width:100%;max-width:1200px;height:85vh;border-radius:20px;border:1px solid var(--accent-primary);box-shadow:0 20px 60px #00000080,0 0 40px var(--accent-glow);position:relative;overflow:hidden;display:flex;flex-direction:column}.hack-modal-close{position:absolute;top:20px;right:20px;width:45px;height:45px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.8rem;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hack-modal-close:hover{background:var(--accent-primary);color:#000;transform:rotate(90deg)}.hack-modal-split{display:flex;flex-direction:row;height:100%;width:100%}@media(max-width:1024px){.hack-modal-split{flex-direction:column;overflow-y:auto}}.hack-modal-left{flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--card-border)}.hack-modal-left img{width:100%;height:100%;object-fit:contain;padding:20px}@media(max-width:1024px){.hack-modal-left{min-height:40vh;border-right:none;border-bottom:1px solid var(--card-border)}}.hack-modal-right{flex:1;padding:60px 50px;background:var(--bg-secondary);overflow-y:auto}.hack-modal-right h2{font-size:2.2rem;color:var(--accent-primary);margin-bottom:40px;text-align:left}.hack-modal-right h2:after{margin:.5rem 0 0}.hack-modal-text-section{margin-bottom:30px}.hack-modal-text-section h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1.5px}.hack-modal-text-section p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}.hack-modal-inner{width:100%;height:100%;position:relative;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.hack-modal-inner.is-flipped{transform:rotateY(180deg)}.hack-modal-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hack-modal-front{transform:rotateY(0)}.hack-modal-back{transform:rotateY(180deg);background:var(--bg-primary);display:flex;flex-direction:column}.hack-photos-container{padding:40px;height:100%;display:flex;flex-direction:column}.hack-photos-container h2{font-size:2rem;color:var(--accent-primary);margin-bottom:30px;text-align:center}.collage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;flex:1;overflow-y:auto;padding:10px}.collage-img{width:100%;height:250px;object-fit:cover;border-radius:12px;border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease}.collage-img:hover{transform:scale(1.03);box-shadow:0 5px 15px #0000004d;border-color:var(--accent-primary)}.flip-btn{margin-top:30px;align-self:flex-start}.flip-back-btn{align-self:center}.hack-modal-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:30px}.hack-modal-actions .flip-btn{margin-top:0;align-self:auto}.hack-back-text-content{display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center}.hack-back-text-content h2{font-size:2.2rem;color:var(--accent-primary);margin-bottom:30px;text-align:center}.text-card-lg{background:#ffffff08;border:1px solid var(--card-border);padding:40px;border-radius:12px;max-width:800px;width:100%;box-shadow:0 10px 30px #0003}.text-card-lg p{font-size:1.2rem;line-height:1.8;color:var(--text-primary);text-align:left}