@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--blue-950:#061c38;--blue-900:#0a2544;--blue-800:#0d3871;--blue-700:#0d4d9d;--blue-600:#06c;--blue-500:#0071e3;--blue-400:#0a84ff;--blue-300:#5ea9ff;--blue-200:#b6d6ff;--blue-100:#eaf3ff;--blue-50:#f2f7ff;--surface:#f7f9fc;--surface-2:#edf3f9;--surface-3:#e4edf8;--surface-4:#ffffffd1;--border:#0f172a17;--border-2:#0f172a1f;--text-primary:#17263a;--text-secondary:#3e526a;--text-muted:#5b6d84;--gold:#b8976a;--gold-light:#d4b483;--glow-blue:#0066cc14;--glow-blue-strong:#0066cc1f;--page-background:linear-gradient(180deg, #eef3f8 0%, #f6f8fb 28%, #fff 100%);--nav-background:#ffffffb8;--nav-border:#0f172a0d;--radius-sm:9999px;--radius-md:18px;--radius-lg:28px;--radius-xl:36px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 10px 30px #0f172a0f;--shadow-lg:0 16px 44px #0f172a14;--shadow-hover:0 20px 60px #0a20451f, 0 6px 18px #0066cc14;--shadow-glow:0 0 0 1px #0a84ff1f, 0 18px 48px #0a84ff1a;--transition-fast:.18s cubic-bezier(.4,0,.2,1);--transition-base:.26s cubic-bezier(.4,0,.2,1);--transition-slow:.38s cubic-bezier(.4,0,.2,1);--accent-success:#3ccf8e;--award-bg:linear-gradient(180deg, #4c5a6beb, #374353fa);--award-text:#f6faff;--contact-bg:linear-gradient(180deg, #071c36 0%, #0d2545 100%);--badge-bg:#2c7be52e;--pattern-dots:radial-gradient(#0f172a08 1px, transparent 1px)}:root[data-theme=night]{--surface:#0d1117;--surface-2:#151c26;--surface-3:#1c2333;--surface-4:#111827cc;--border:#ffffff14;--border-2:#ffffff1f;--text-primary:#f0f6fc;--text-secondary:#ced8e6;--text-muted:#9aa9bb;--glow-blue:#0a84ff2e;--glow-blue-strong:#0a84ff3d;--page-background:linear-gradient(180deg, #0b1220 0%, #101b2a 30%, #0d1729 100%);--nav-background:#0f1620c7;--nav-border:#94a3b81f;--shadow-hover:0 18px 40px #0000005c, 0 8px 18px #0a84ff2e;--accent-success:#2fbf7a;--award-bg:linear-gradient(180deg, #4c5a6b29, #3743532e);--award-text:var(--text-primary);--contact-bg:linear-gradient(180deg, #071c3699, #0d2545bf);--badge-bg:#0a84ff24;--pattern-dots:radial-gradient(#ffffff0f 1px, transparent 1px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text-primary);background:var(--page-background);-webkit-font-smoothing:antialiased;transition:background var(--transition-slow), color var(--transition-slow);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:16px;line-height:1.7}h1,h2,h3{letter-spacing:-.02em;color:var(--text-primary);font-family:Cormorant Garamond,Georgia,serif;font-weight:700;line-height:1.08}h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:600}p{color:var(--text-secondary)}a{color:var(--blue-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--blue-400)}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}@media (max-width:640px){.container{padding:0 1.1rem}}.section{padding:5.5rem 0}@media (max-width:768px){.section{padding:4rem 0}}.section-label{letter-spacing:.18em;text-transform:uppercase;color:#0d6ed8;margin-bottom:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700}.section-title{letter-spacing:-.04em;color:#1e2d3d;margin-bottom:1.1rem;font-size:clamp(2.05rem,4vw,3rem);line-height:1.08}.divider{background:linear-gradient(90deg, var(--blue-500), var(--gold));border-radius:var(--radius-full);width:3rem;height:3px;margin:0 0 1.8rem}.btn{border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.55rem;padding:.82rem 1.55rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(180deg, var(--blue-500), var(--blue-600));color:#fff;border-color:#06c3;box-shadow:0 10px 22px #0066cc2e}.btn-primary:hover{background:linear-gradient(180deg, var(--blue-400), var(--blue-500));color:#fff;transform:translateY(-1px);box-shadow:0 16px 26px #06c3}.btn-outline{background:var(--surface-4);color:var(--blue-600);border-color:#0a84ff33;box-shadow:inset 0 0 0 1px #ffffff14}.btn-outline:hover{background:var(--surface-4);color:var(--blue-700);border-color:#0a84ff52;transform:translateY(-1px)}.card{background:var(--surface-4);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);will-change:transform;padding:1.5rem}.card:hover{box-shadow:var(--shadow-hover);border-color:#0a84ff3d;transform:translateY(-3px)}.badge{background:var(--blue-50);color:var(--blue-600);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0a84ff14;justify-content:center;align-items:center;padding:.34rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.skill-chip{background:var(--blue-50);color:var(--blue-700);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid #0a84ff14;align-items:center;gap:.25rem;padding:.38rem .82rem;font-size:.76rem;font-weight:600;display:inline-flex}.cert-card{background:var(--surface-4);border-radius:var(--radius-md);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);will-change:transform;border:1px solid #0a84ff1a;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.cert-card:hover{box-shadow:var(--shadow-glow);border-color:#0a84ff40;transform:translateY(-3px)}.timeline-card-hover{transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.timeline-card-hover:hover{box-shadow:var(--shadow-hover);transform:translate(4px);border-color:#0a84ff38!important}.metric-row{border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--border-2);transition:background var(--transition-fast);align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.metric-row:hover{background:var(--surface-2)}.social-icon{border-radius:var(--radius-full);border:1px solid var(--border);width:38px;height:38px;color:var(--blue-600);background:var(--surface-4);transition:transform var(--transition-base), background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:inline-flex}.social-icon:hover{background:var(--blue-50);color:var(--blue-700);border-color:#0a84ff2e;transform:translateY(-2px);box-shadow:0 8px 18px #0066cc1f}.stat-bar{background:var(--surface-4);border:1px solid var(--border);transition:background var(--transition-base)}.stat-bar:hover{background:#0a84ff0f}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.65s cubic-bezier(.22,1,.36,1) both fadeUp}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}.delay-4{animation-delay:.48s}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.pulse-dot{animation:2s ease-in-out infinite pulse-dot}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-open{animation:.2s forwards slideDown}:focus-visible{outline:2px solid var(--blue-400);outline-offset:3px;border-radius:var(--radius-sm)}
