:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Space Grotesk", var(--font-sans);--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#4f46e5;--accent-secondary:#0d9488;--accent-glow:#4f46e514;--border-color:#0f172a14;--card-bg:#ffffffbf;--card-shadow:0 10px 30px -10px #0000000d;--nav-bg:#f8fafccc;--input-bg:#fff;--timeline-line:#cbd5e1}:root,:root[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-secondary:#14b8a6;--accent-glow:#6366f126;--border-color:#ffffff14;--card-bg:#111827bf;--card-shadow:0 10px 30px -15px #00000080;--nav-bg:#0b0f19d9;--input-bg:#1f2937;--timeline-line:#374151}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-title{font-family:var(--font-heading);text-align:center;letter-spacing:-.025em;margin-bottom:12px;font-size:2.25rem;font-weight:700;position:relative}.section-title span{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 60px;font-size:1.125rem}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-card:hover{border-color:#6366f14d;box-shadow:0 20px 40px -15px #6366f11a}.btn{cursor:pointer;transition:all var(--transition-normal);border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), #4f46e5);color:#fff;border:none}.btn-primary:hover{box-shadow:0 10px 20px -10px var(--accent-primary);opacity:.95;transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.9}}@keyframes draw-path{to{stroke-dashoffset:0}}@keyframes flow-dot{0%{offset-distance:0%}to{offset-distance:100%}}.float-anim{animation:6s ease-in-out infinite float}.pulse-anim{animation:3s ease-in-out infinite pulse-glow}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:1.75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:20px}header .desktop-nav{display:none!important}header .mobile-controls{display:flex!important}}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.hero-text-content{flex-direction:column;align-items:flex-start;display:flex}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:32px}.hero-text-content{text-align:center;align-items:center}.hero-grid h1{font-size:2.75rem!important}}.about-strength-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.about-stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.about-strength-grid,.about-stats-grid{grid-template-columns:1fr}}.experience-tab{border-left-width:4px!important}.experience-tab.active{border-left-color:var(--accent-primary)!important}@media (width<=768px){.experience-wrapper{flex-direction:column;gap:20px!important}.experience-tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;flex-direction:row!important;width:100%!important}.experience-tab{scroll-snap-align:start;flex:1 0 auto;border-bottom:3px solid #0000!important;border-left:1px solid #0000!important;padding:12px 16px!important}.experience-tab.active{border-bottom-color:var(--accent-primary)!important;background-color:var(--bg-secondary)!important}.experience-details{padding:24px!important}}.skills-filter-tab{transition:all var(--transition-fast)!important}.skills-filter-tab:hover{box-shadow:0 6px 15px -5px var(--accent-glow);transform:translateY(-2px)}.cert-comp-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.cert-comp-grid{grid-template-columns:1fr}}.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 3px var(--accent-glow);border-color:var(--accent-primary)!important}.connectors-banner{transition:transform var(--transition-normal), box-shadow var(--transition-normal)!important}.connectors-banner:hover{transform:translateY(-3px);box-shadow:0 12px 30px -8px #2563eb33!important}.connectors-banner button:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59!important}:root[data-theme=dark] .connectors-banner{background:linear-gradient(135deg,#1e3a8a59 0%,#111827bf 100%)!important;border-color:#60a5fa40!important;box-shadow:0 10px 30px -10px #00000080!important}:root[data-theme=dark] .connectors-banner h3{color:#93c5fd!important}:root[data-theme=dark] .connectors-banner p{color:#cbd5e1!important}@media (width<=640px){.connectors-banner{gap:16px!important;padding:24px 20px!important}.bannerHeaderRow{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}