@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&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{background:transparent}.navbar.scrolled{background:var(--bg-primary);background:color-mix(in srgb,var(--bg-primary),transparent 10%)}.contact-container.card{background:transparent;border:none;box-shadow:none}.contact-container h2{margin-bottom:1rem}