@charset "UTF-8";:root{--gh-canvas: #0d1117;--gh-canvas-inset: #010409;--gh-canvas-subtle: #161b22;--gh-canvas-overlay: #21262d;--gh-canvas-elevated: #1c2128;--gh-border-default: #30363d;--gh-border-muted: #21262d;--gh-border-subtle: rgba(240, 246, 252, .1);--gh-fg-default: #f0f6fc;--gh-fg-muted: #9198a1;--gh-fg-subtle: #7d8590;--gh-fg-onEmphasis: #ffffff;--gh-accent-fg: #2f81f7;--gh-accent-emphasis: #1f6feb;--gh-accent-muted: rgba(56, 139, 253, .4);--gh-accent-subtle: rgba(56, 139, 253, .15);--gh-purple: #a371f7;--gh-purple-emphasis: #8957e5;--gh-pink: #db61a2;--gh-success-fg: #3fb950;--gh-success-emphasis: #238636;--gh-attention-fg: #d29922;--gh-danger-fg: #f85149;--gh-btn-bg: #21262d;--gh-btn-hover-bg: #30363d;--gh-btn-active-bg: #161b22;--gh-gradient-text: linear-gradient( 90deg, #ffffff 0%, #c9d1d9 25%, #a371f7 60%, #2f81f7 100% );--gh-gradient-hero: radial-gradient( 1200px 600px at 50% -10%, rgba(163, 113, 247, .35), transparent 60% ), radial-gradient( 800px 400px at 80% 20%, rgba(47, 129, 247, .25), transparent 60% ), radial-gradient( 600px 400px at 10% 30%, rgba(219, 97, 162, .18), transparent 60% );--gh-gradient-button: linear-gradient(180deg, #1f6feb, #1158c7);--primary-color: #2f81f7;--primary-color-dark: #1f6feb;--secondary-color: #161b22;--text-color: #f0f6fc;--light-text: #9198a1;--bg-color: #0d1117;--light-bg: #0d1117;--section-bg: #161b22;--dark-bg: #010409;--border-color: #30363d;--transition: all .25s ease;--box-shadow: 0 0 0 1px var(--gh-border-default);--box-shadow-hover: 0 0 0 1px var(--gh-accent-muted), 0 10px 30px rgba(1, 4, 9, .6);--gh-ring: conic-gradient( from 0deg, var(--gh-purple), var(--gh-accent-fg), var(--gh-pink), var(--gh-purple) );--gh-grad-pb: linear-gradient(90deg, var(--gh-purple), var(--gh-accent-fg))}.stat-item,.info-item,.endorsement-item,.certificate,.contact-item,.skill-category,.project-card,.timeline-content,.contact-profile,.contact-form,.highlights-list li,.social-buttons a{background:var(--gh-canvas-subtle);border:1px solid var(--gh-border-default);border-radius:8px;transition:all .2s ease}.stat-item:hover,.info-item:hover,.certificate:hover,.contact-item:hover{border-color:var(--gh-accent-muted);transform:translateY(-2px)}.stat-value,.dynamic-text,.about-text .highlight{background:var(--gh-grad-pb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.image-container,.contact-profile-image{position:relative;border-radius:50%;background:var(--gh-ring)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--gh-fg-default);background-color:var(--gh-canvas);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(240,246,252,.08) 50%,transparent 51%),radial-gradient(1px 1px at 70% 80%,rgba(240,246,252,.06) 50%,transparent 51%),radial-gradient(1px 1px at 40% 60%,rgba(240,246,252,.05) 50%,transparent 51%),radial-gradient(1px 1px at 85% 25%,rgba(240,246,252,.07) 50%,transparent 51%);background-size:600px 600px,400px 400px,500px 500px,700px 700px;z-index:0;opacity:.6}app-root{position:relative;z-index:1;display:block}h1,h2,h3,h4,h5,h6{color:var(--gh-fg-default);font-weight:600;letter-spacing:-.02em;line-height:1.2}p{color:var(--gh-fg-muted)}a{text-decoration:none;color:var(--gh-accent-fg);transition:var(--transition);cursor:pointer}a:hover{color:#79c0ff}::selection{background:rgba(163,113,247,.4);color:var(--gh-fg-onEmphasis)}.container{width:90%;max-width:1280px;margin:0 auto;padding:0 16px;position:relative;z-index:1}section{padding:96px 0;position:relative}.section-title{text-align:center;margin-bottom:64px}.section-title h2{font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.03em;margin-bottom:16px;background:var(--gh-gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:0}.section-title h2:after{display:none}.section-title p{font-size:18px;color:var(--gh-fg-muted);max-width:640px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);border:1px solid transparent;font-family:inherit;line-height:1.4;white-space:nowrap}.primary-btn{background:var(--gh-gradient-button);color:var(--gh-fg-onEmphasis);border:1px solid rgba(240,246,252,.1);box-shadow:0 0 0 1px #1f6feb33,inset 0 1px #ffffff14}.primary-btn:hover{background:linear-gradient(180deg,#388bfd,#1f6feb);color:var(--gh-fg-onEmphasis);transform:translateY(-1px);box-shadow:0 8px 24px #2f81f74d}.secondary-btn{background:var(--gh-canvas-overlay);color:var(--gh-fg-default);border:1px solid var(--gh-border-default)}.secondary-btn:hover{background:var(--gh-canvas-elevated);border-color:var(--gh-fg-subtle);color:var(--gh-fg-default);transform:translateY(-1px)}.alert{padding:12px 16px;margin-bottom:16px;border-radius:6px;border:1px solid transparent}.success{background-color:#3fb9501a;color:var(--gh-success-fg);border-color:#3fb95066}.error{background-color:#f851491a;color:var(--gh-danger-fg);border-color:#f8514966}.invalid{border-color:var(--gh-danger-fg)!important;box-shadow:0 0 0 3px #f8514933}.error-message{color:var(--gh-danger-fg);font-size:12px;margin-top:6px;display:flex;align-items:center;gap:6px}@media (max-width: 992px){.contact-content{grid-template-columns:1fr}}@media (max-width: 768px){section{padding:72px 0}.nav-links{position:fixed;top:64px;left:-100%;width:100%;height:calc(100vh - 64px);background-color:var(--gh-canvas);border-top:1px solid var(--gh-border-default);flex-direction:column;align-items:center;justify-content:center;transition:var(--transition)}.nav-links.active{left:0}.nav-links li{margin:12px 0}.menu-toggle{display:flex}.hero-content h1{font-size:40px}.about-content,.contact-content{grid-template-columns:1fr!important}.personal-info{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center;gap:16px}}@media (max-width: 576px){.hero-buttons{flex-direction:column}.projects-grid{grid-template-columns:1fr!important}.section-title h2{font-size:30px}}.section-cta{text-align:center;margin-top:56px}.section-cta a{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:600;color:var(--gh-fg-default);background:var(--gh-canvas-overlay);border:1px solid var(--gh-border-default);border-radius:8px;text-decoration:none;transition:all .2s ease}.section-cta a:hover{background:var(--gh-canvas-elevated);border-color:var(--gh-fg-subtle);transform:translateY(-1px)}.tech-stack{display:flex;flex-wrap:wrap;gap:6px}.tech-stack span{padding:3px 10px;background:rgba(56,139,253,.1);border:1px solid rgba(56,139,253,.28);color:#79c0ff;border-radius:999px;font-size:11.5px;font-weight:500}.detail-section-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gh-fg-subtle);margin:22px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--gh-border-muted)}.detail-section-label svg{flex-shrink:0}.bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.bullet-list li{position:relative;padding-left:16px;font-size:13px;line-height:1.7;color:var(--gh-fg-muted)}.bullet-list li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gh-accent-fg);opacity:.75}.proj-role{padding:2px 9px;background:rgba(163,113,247,.12);border:1px solid rgba(163,113,247,.3);color:var(--gh-purple);border-radius:999px;font-size:11px;align-self:flex-start}.resp-block{position:relative;padding:4px 0 4px 18px;margin-bottom:24px;border-left:3px solid var(--gh-accent-fg)}.resp-block:last-child{margin-bottom:0}.resp-block-title{display:flex;align-items:center;gap:10px;font:700 14.5px/1.4 inherit;color:var(--gh-fg-default);margin:0 0 12px;letter-spacing:-.01em}.resp-block-title .icon{font-size:17px;line-height:1}.project-block{background:var(--gh-canvas-overlay);border:1px solid var(--gh-border-muted);border-radius:10px;padding:20px 22px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease,background .2s ease}.project-block:last-child{margin-bottom:0}.project-block:hover{border-color:var(--gh-accent-muted);background:var(--gh-canvas-elevated)}
