@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-dark:#09090b;--bg-light:#09090b;--bg-surface:#141417b3;--bg-surface-hover:#1e1e23e6;--text-dark:#fff;--text-main:#f4f4f5;--text-muted:#a1a1aa;--border-color:#ffffff0f;--accent-primary:#3b82f6;--accent-secondary:#71717a;--gradient-glow:radial-gradient(circle,#ffffff05 0%,transparent 70%);--gradient-text:linear-gradient(to bottom right,#fff,#a1a1aa);--font-heading:"Outfit",sans-serif;--font-sans:"Inter",sans-serif;--nav-height:80px;--transition:all .4s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background-color:#3b82f633}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);background-color:var(--bg-dark);width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;width:100%;text-rendering:optimizeLegibility;line-height:1.7;position:relative;overflow-x:hidden}.hero-section{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #ffffff08;position:relative;background-color:#09090b!important}.about-section{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;border-bottom:1px solid #ffffff08;position:relative;background-color:#121214!important}.experience-section{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #ffffff08;position:relative;background-color:#09090b!important}.education-section{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;border-bottom:1px solid #ffffff08;position:relative;background-color:#121214!important}.research-section{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #ffffff08;position:relative;background-color:#09090b!important}.skills-section{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;border-bottom:1px solid #ffffff08;position:relative;background-color:#121214!important}.projects-section{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #ffffff08;position:relative;background-color:#09090b!important}.certs-section{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;border-bottom:1px solid #ffffff08;position:relative;background-color:#121214!important}.contact-section{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:24px 24px;border-bottom:1px solid #ffffff08;position:relative;background-color:#09090b!important}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.02em;font-weight:700}h1{padding:.1em 0;font-size:clamp(2.2rem,10vw,5rem);line-height:1.3}h2{padding:.1em 0;font-size:clamp(1.8rem,8vw,3rem);line-height:1.4}h3{padding:.1em 0;font-size:clamp(1.4rem,6vw,2rem);line-height:1.5}p{color:var(--text-muted);font-size:1.1rem}a{color:var(--text-dark);transition:var(--transition);text-decoration:none}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 20px}}.section-title{text-align:center;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;word-wrap:break-word;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%;margin:0 auto 4rem;padding:.25em .1em;line-height:1.5;display:block;position:relative;overflow:visible}@media (max-width:768px){.section-title{margin-bottom:2.5rem;padding:.3em .1em}}.card{background:var(--bg-surface);border:1px solid var(--border-color);transition:var(--transition);border-radius:12px;padding:32px;position:relative;overflow:hidden}@media (max-width:768px){.card{padding:24px}}.card:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;background:linear-gradient(#ffffff03 0%,#fff0 100%);position:absolute;inset:0}.card:hover{background:var(--bg-surface-hover);border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.card:hover:before{opacity:1}.button-primary{background:var(--text-dark);color:var(--bg-dark);font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:1.05rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.button-primary:hover{background:#e4e4e7;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.button-secondary{color:var(--text-dark);border:1px solid var(--border-color);font-weight:500;font-family:var(--font-heading);cursor:pointer;transition:var(--transition);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:14px 28px;font-size:1.05rem;display:inline-flex}.button-secondary:hover{border-color:var(--text-dark);background:#ffffff0a;transform:translateY(-2px)}.form-group{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-sans);transition:var(--transition);resize:none;background:#00000040;border-radius:8px;width:100%;padding:16px;font-size:1rem}.form-input:focus,.form-textarea:focus{background:#0006;border-color:#ffffff4d;outline:none;box-shadow:0 0 0 3px #ffffff0d}