@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root[data-theme=light],:root{--color-text:#111827;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-bg:#f8fafc;--color-bg-secondary:#fff;--color-border:#e2e8f0;--color-border-alt:#cbd5e1;--color-card:#fff;--color-card-hover:#f1f5f9;--color-primary:#1e3a8a;--color-primary-text:#fff;--color-success:#166534;--color-error:#b91c1c;--color-status-bg:#e0f2fe;--color-chip-bg:#f1f5f9;--color-chip-text:#475569;--color-input-bg:#fff;--color-topbar-bg:#ffffffeb}:root[data-theme=dark]{--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-border:#334155;--color-border-alt:#475569;--color-card:#1e293b;--color-card-hover:#334155;--color-primary:#3b82f6;--color-primary-text:#0f172a;--color-success:#4ade80;--color-error:#f87171;--color-status-bg:#0c4a6e;--color-chip-bg:#334155;--color-chip-text:#cbd5e1;--color-input-bg:#1e293b;--color-topbar-bg:#0f172aeb}*,:before,:after{box-sizing:border-box}html{color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-family:Poppins,system-ui,sans-serif;transition:background-color .2s,color .2s}body{color:var(--color-text);background:var(--color-bg);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}.topbar{z-index:100;background:var(--color-topbar-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 max(20px,50vw - 600px);display:flex;position:sticky;top:0}.brand{color:var(--color-text);flex-shrink:0;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}nav{color:var(--color-text-muted);align-items:center;gap:20px;font-size:14px;font-weight:500;display:flex}nav a{white-space:nowrap;transition:color .2s}nav a:hover{color:var(--color-text)}.themeToggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:7px;transition:all .2s;display:flex}.themeToggle:hover{background:var(--color-card-hover);color:var(--color-text)}.menuToggle{cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:7px;display:none}.navCv{border-radius:8px;flex-shrink:0;min-height:36px;padding:0 16px;font-size:13px}.section{width:min(1200px,100% - 48px);margin:0 auto;padding:96px 0}h1,h2,h3{color:var(--color-text);margin:0}h1{font-size:clamp(32px,5.5vw,68px);line-height:1.05}h2{font-size:clamp(26px,3.5vw,42px);line-height:1.15}h3{font-size:clamp(17px,2vw,20px)}p{color:var(--color-text-secondary);margin-top:0;line-height:1.7}.muted{color:var(--color-text-muted)}.eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font:700 12px/1.2 JetBrains Mono,monospace}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;min-height:calc(100svh - 64px);display:grid}.heroCopy p{max-width:600px;font-size:clamp(15px,1.4vw,17px)}.heroTitle{color:var(--color-primary);margin:6px 0 12px;font-size:clamp(17px,2vw,22px);font-weight:600}.status{width:fit-content;color:var(--color-success);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:20px;font:600 12px/1.2 JetBrains Mono,monospace;display:inline-flex}.status span{background:var(--color-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.socialLinks{gap:16px;margin-top:24px;display:flex}.socialLinks a{color:var(--color-text-muted);align-items:center;transition:color .2s;display:flex}.socialLinks a:hover{color:var(--color-primary)}.portraitWrap img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--color-border);border-radius:12px;width:100%;box-shadow:0 20px 40px #00000026}.button{cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font:600 14px/1 Poppins,sans-serif;text-decoration:none;transition:all .2s;display:inline-flex}.primary{color:var(--color-primary-text);background:var(--color-primary)}.primary:hover{opacity:.88;transform:translateY(-1px)}.secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}.secondary:hover{background:var(--color-card-hover)}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000d}.twoCol{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.capabilityGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.capability{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:12px;align-items:center;gap:14px;min-height:80px;padding:20px;font-size:14px;font-weight:600;display:flex}.capability svg{color:var(--color-primary);flex-shrink:0}.sectionHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.textLink{color:var(--color-primary);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:600;transition:opacity .2s;display:inline-flex}.textLink:hover{opacity:.75}.projectGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.projectCard{transition:transform .2s,box-shadow .2s;overflow:hidden}.projectCard:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.projectCard img,.imageFallback{aspect-ratio:16/10;width:100%}.projectCard img{object-fit:cover;border-bottom:1px solid var(--color-border)}.imageFallback{color:var(--color-text-muted);background:var(--color-card-hover);place-items:center;display:grid}.cardBody{padding:20px}.chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chips span{color:var(--color-chip-text);background:var(--color-chip-bg);border-radius:6px;padding:5px 10px;font:600 11px/1.2 JetBrains Mono,monospace}.cardActions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.cardActions a{color:var(--color-primary);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.cardActions a:hover{opacity:.75}.skillsGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.skillCard{padding:22px}.skillCard h3{margin-bottom:14px}.timeline{border-left:2px solid var(--color-border);flex-direction:column;margin-top:32px;padding-left:28px;display:flex}.timelineItem{padding-bottom:36px;position:relative}.timelineItem:last-child{padding-bottom:0}.timelineDot{background:var(--color-primary);width:28px;height:28px;color:var(--color-primary-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:-42px}.timelineBody h3{margin-bottom:4px}.timelineCompany{color:var(--color-text-secondary);margin:0 0 8px;font-size:14px;font-weight:600}.eduGrid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:32px;display:grid}.eduCard{align-items:flex-start;gap:18px;padding:24px;display:flex}.eduIcon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.certGrid{grid-template-columns:1fr;gap:12px;display:grid}.certCard{align-items:center;gap:14px;padding:16px 20px;display:flex}.certCard p{margin:0;font-size:14px;font-weight:500}.certBadge{background:var(--color-primary);width:28px;height:28px;color:var(--color-primary-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.blogSection{border-top:1px solid var(--color-border)}.blogGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.blogCover{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--color-border);border-radius:10px 10px 0 0;width:100%}.blogBody{padding:20px}.blogBody p{margin-bottom:8px}.blogContent{color:var(--color-text-secondary);white-space:pre-wrap;margin-top:10px;font-size:14px;line-height:1.7}.blogCard{transition:transform .2s,box-shadow .2s}.blogCard:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.blogReadMore{color:var(--color-primary);align-items:center;gap:4px;margin-top:14px;font-size:13px;font-weight:600;display:inline-flex}.adminGrid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.adminFeature{padding:22px}.adminFeature svg{color:var(--color-primary);margin-bottom:12px}.adminFeature p{margin-bottom:0}.apiBadge{background:var(--color-status-bg);color:var(--color-primary);white-space:nowrap;border-radius:8px;align-items:center;padding:8px 14px;font:700 12px/1.2 JetBrains Mono,monospace;display:inline-flex}.dashboardShell{grid-template-columns:280px 1fr;align-items:start;gap:18px;display:grid}.loginPanel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;gap:12px;padding:22px;display:grid}.loginPanel h3{margin-bottom:4px}.loginPanel .muted{margin:0;font-size:13px}.adminRight{flex-direction:column;gap:12px;display:flex}.adminTabs{flex-wrap:wrap;gap:6px;display:flex}.adminTab{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font:600 13px/1.2 Poppins,sans-serif;transition:all .2s;display:inline-flex}.adminTab:hover{background:var(--color-card-hover);color:var(--color-text)}.adminTab.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.adminForm{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;gap:12px;padding:22px;display:grid}.adminForm h3{align-items:center;gap:8px;margin-bottom:4px;display:flex}.dashboardPanel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:12px;padding:18px;display:grid}.metric{background:var(--color-card-hover);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;justify-content:space-between;gap:10px;min-height:120px;padding:16px;display:flex}.metric svg{color:var(--color-primary)}.metric span{color:var(--color-text-muted);text-transform:uppercase;font:600 11px/1.2 JetBrains Mono,monospace}.metric strong{color:var(--color-primary);font-size:28px;font-weight:700}.formRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.contactInfo{flex-direction:column;display:flex}.contactLinks{flex-direction:column;gap:14px;margin-top:24px;display:flex}.contactLinks a{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.contactLinks a:hover{color:var(--color-primary)}.contactLocation{color:var(--color-text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.contactForm{gap:12px;display:grid}input,textarea,select{border:1px solid var(--color-border-alt);width:100%;font:inherit;background:var(--color-input-bg);color:var(--color-text);appearance:auto;border-radius:8px;padding:13px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-status-bg);outline:none}input:disabled{opacity:.6;cursor:not-allowed}textarea{resize:vertical}select{cursor:pointer}.formStatus{border-radius:8px;margin:0;padding:11px 14px;font-size:14px;font-weight:600;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.formStatus.success{color:var(--color-success);border:1px solid var(--color-success);background:#4ade8014}.formStatus.error{color:var(--color-error);border:1px solid var(--color-error);background:#f8717114}.footer{background:#0f172a;border-top:1px solid #1e293b;padding:48px max(20px,50vw - 600px) 24px}.footerInner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px;display:flex}.footerBrand{flex-direction:column;gap:6px;display:flex}.footerBrandName{color:#f1f5f9;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.footerBrand p{color:#94a3b8;margin:0;font-size:13px}.footerLinks{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footerLinks a{color:#94a3b8;align-items:center;gap:7px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.footerLinks a:hover{color:#f1f5f9}.footerLocation{color:#94a3b8;align-items:center;gap:7px;font-size:14px;display:flex}.footerCopy{color:#475569;text-align:center;border-top:1px solid #1e293b;margin:0;padding-top:20px;font-size:13px}@media (width<=1024px){nav{gap:16px;font-size:13px}.hero{gap:40px}.projectGrid,.blogGrid,.adminGrid{grid-template-columns:repeat(2,1fr)}.dashboardPanel{grid-template-columns:repeat(3,1fr)}.dashboardShell{grid-template-columns:260px 1fr}}@media (width<=768px){.menuToggle{display:flex}nav{background:var(--color-bg);border-top:1px solid var(--color-border);z-index:99;flex-direction:column;align-items:flex-start;gap:0;padding:16px 24px;display:none;position:fixed;inset:64px 0 0;overflow-y:auto}nav.navOpen{display:flex}nav a{border-bottom:1px solid var(--color-border);width:100%;padding:14px 0;font-size:16px}.themeToggle{margin-top:16px}.section{width:calc(100% - 40px);padding:64px 0}.hero{grid-template-columns:1fr;gap:36px;min-height:auto;padding-top:48px;padding-bottom:48px}.portraitWrap{width:100%;max-width:320px;margin:0 auto}.twoCol{grid-template-columns:1fr;gap:32px}.capabilityGrid{grid-template-columns:1fr 1fr}.projectGrid,.skillsGrid,.blogGrid,.adminGrid{grid-template-columns:repeat(2,1fr)}.eduGrid,.dashboardShell{grid-template-columns:1fr}.dashboardPanel{grid-template-columns:repeat(3,1fr)}.contact{grid-template-columns:1fr;gap:36px}.sectionHead{flex-direction:column;align-items:flex-start}.footerInner{flex-direction:column;gap:24px}}@media (width<=600px){.section{width:calc(100% - 32px);padding:52px 0}.projectGrid,.blogGrid{grid-template-columns:1fr}.skillsGrid,.adminGrid{grid-template-columns:1fr 1fr}.dashboardPanel{grid-template-columns:repeat(2,1fr)}.formRow,.capabilityGrid{grid-template-columns:1fr}.actions{width:100%}.actions .button{flex:1;justify-content:center;min-width:140px}}@media (width<=400px){.topbar{padding:0 16px}.section{width:calc(100% - 24px);padding:44px 0}.skillsGrid,.adminGrid,.certGrid{grid-template-columns:1fr}.dashboardPanel{grid-template-columns:1fr 1fr}.footerLinks{flex-direction:column;gap:14px}.brand span{font-size:13px}h1{font-size:30px}h2{font-size:24px}}