@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--navbar-offset: 96px;--bg-main: #ffffff;--bg-card: #ffffff;--bg-muted: #f8fafc;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-primary: #1e3a8a;--accent-hover: #1e40af;--accent-link: #1e3a8a;--border-soft: #e2e8f0;--focus-ring: rgba(30, 58, 138, .35);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--shadow-hover: 0 14px 36px rgba(15, 23, 42, .1);font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-elevated: rgba(255, 255, 255, .85)}@media(prefers-color-scheme:dark){:root{--bg-main: #0b1220;--bg-card: #111827;--bg-muted: #1f2933;--text-primary: #e5e7eb;--text-secondary: #cbd5f5;--text-muted: #9ca3af;--accent-primary: #60a5fa;--accent-hover: #3b82f6;--accent-link: #60a5fa;--border-soft: #273549;--focus-ring: rgba(96, 165, 250, .4);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .45);--shadow-hover: 0 18px 45px rgba(0, 0, 0, .6);--surface-elevated: rgba(255, 255, 255, .08)}}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-main);color:var(--text-primary)}a{font-weight:500;color:var(--accent-link);text-decoration:none}a:hover{color:var(--accent-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-soft);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}button:hover{border-color:var(--accent-primary)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:color-mix(in srgb,var(--bg-card) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:999px;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;animation:navFadeIn .5s ease both;animation-delay:.2s;opacity:0}@keyframes navFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .navbar{background:color-mix(in srgb,#111827 85%,transparent);border-color:#273549}.navbar-inner{display:flex;align-items:center;gap:0;padding:6px 8px;height:52px;box-sizing:border-box}.navbar-links{display:flex;align-items:center;gap:2px}.nav-link{position:relative;padding:8px 18px;border-radius:999px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s ease,background .2s ease}.nav-link:hover{color:var(--text-primary);background:var(--bg-muted)}.nav-link.active{color:var(--accent-primary);font-weight:700;background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}@media(max-width:900px){.navbar{top:14px}.navbar-inner{height:48px;padding:5px 6px}.navbar-logo{font-size:14px;padding:5px 12px 5px 8px}.nav-link{font-size:13px;padding:7px 14px}}@media(max-width:600px){.navbar{top:10px;width:calc(100% - 24px);max-width:400px}.navbar-inner{width:100%;padding:5px 8px}.navbar-logo{font-size:14px;padding:5px 10px 5px 6px}.navbar-links{flex:1;justify-content:space-evenly}.nav-link{font-size:13px;padding:7px 10px;flex:1;text-align:center}}@media(max-width:360px){.navbar-logo,.navbar-divider{display:none}.nav-link{font-size:12px;padding:6px 10px}}.section-reveal{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}.section-header{display:flex;flex-direction:column;gap:8px}.section-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0}.home-page{position:relative;overflow:hidden;color:var(--text-primary);min-height:calc(100vh - var(--navbar-offset));display:flex;align-items:center;justify-content:center;padding-top:var(--navbar-offset);box-sizing:border-box}.home-bg-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.1;pointer-events:none;z-index:0}.orb-1{width:600px;height:600px;background:var(--accent-primary);top:-160px;right:-100px}.orb-2{width:400px;height:400px;background:var(--accent-primary);bottom:10%;left:-80px;opacity:.06}.home-container{position:relative;z-index:1;width:100%;max-width:1100px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.reveal-left{animation:slideInLeft .7s ease both}.reveal-right{animation:slideInRight .7s ease both;animation-delay:.1s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.home-image{display:flex;justify-content:center}.image-ring{padding:5px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),transparent 60%);box-shadow:0 0 0 1px var(--border-soft)}.home-image img{width:300px;height:300px;border-radius:50%;object-fit:cover;display:block;box-shadow:var(--shadow-soft)}.home-content{display:flex;flex-direction:column;justify-content:center;max-width:520px;gap:0}.greeting-label{font-size:15px;font-weight:500;color:var(--text-muted);margin:0 0 10px}.home-content h1{font-size:52px;font-weight:800;line-height:1.1;margin:0 0 10px;color:var(--text-primary);letter-spacing:-.02em}.accent-name{color:var(--accent-primary)}.subtitle{font-size:22px;font-weight:600;margin:0 0 20px;color:var(--text-secondary)}.description{font-size:16px;line-height:1.75;color:var(--text-secondary);margin:0}.hero-actions{margin-top:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.resume-button{padding:14px 32px;border-radius:999px;background:var(--accent-primary);color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.resume-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover);color:#fff}.contact-link{font-size:15px;font-weight:600;color:var(--accent-primary);text-decoration:none;transition:opacity .2s ease,transform .2s ease;display:inline-flex;align-items:center}.contact-link:hover{opacity:.75;transform:translate(3px)}.typing-wrapper{display:inline-flex;align-items:baseline}.typing-word{color:var(--accent-primary);font-weight:700}.typing-cursor{margin-left:2px;color:var(--accent-primary);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.skills-page{padding:100px 24px 120px}.skills-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.skills-block{display:flex;flex-direction:column;gap:16px}.skills-block-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:12px;margin:0}.skills-block-label:after{content:"";flex:1;height:1px;background:var(--border-soft)}.skills-mobile{display:none}.skills-desktop{display:flex}.skills-accordion-panel{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-soft);overflow:hidden;transition:box-shadow .2s ease}.skills-accordion-panel:hover{box-shadow:var(--shadow-soft)}.skills-accordion-trigger{width:100%;background:transparent;border:none;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:background .2s ease}.skills-accordion-trigger:hover,.skills-accordion-trigger.is-open{background:var(--bg-muted)}.skills-accordion-label{font-size:15px;font-weight:700;color:var(--text-primary)}.skills-accordion-arrow{color:var(--text-muted);transition:transform .25s ease;flex-shrink:0}.skills-accordion-arrow.open{transform:rotate(180deg)}.skills-accordion-body{padding:0 16px 20px;border-top:1px solid var(--border-soft);animation:cardFadeIn .25s ease both}.skills-grid-mobile{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.soft-card-mobile{height:80px;font-size:12px;padding:8px}.soft-pills-mobile{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.soft-pill-mobile{background:var(--bg-muted);border:1px solid var(--border-soft);border-radius:999px;height:36px;padding:0 16px;display:inline-flex;align-items:center;font-size:13px;font-weight:500;color:var(--text-primary);animation:cardFadeIn .3s ease both;transition:border-color .2s ease,transform .2s ease}.soft-pill-mobile:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.skill-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-soft);height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;animation:cardFadeIn .35s ease both;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skill-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary)}.logo-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border:1px solid var(--border-soft);flex-shrink:0;transition:transform .2s ease}.skill-card:hover .logo-circle{transform:scale(1.1)}.logo-circle img{width:24px;height:24px;object-fit:contain}.skill-card span{color:var(--text-primary);line-height:1}.soft-pills{display:flex;flex-wrap:wrap;gap:10px}.soft-pill{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;height:110px;flex:1 1 calc(25% - 10px);min-width:120px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;animation:cardFadeIn .35s ease both;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.soft-pill:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.experience-page{padding:100px 24px 140px}.experience-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.exp-accordion{position:relative;display:flex;flex-direction:column;gap:0;padding-left:32px}.exp-accordion:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:var(--border-soft);border-radius:999px}.exp-entry{position:relative;padding-bottom:24px}.exp-entry:last-child{padding-bottom:0}.exp-entry-dot{position:absolute;left:-32px;top:32px;width:12px;height:12px;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent-primary);box-shadow:0 0 0 3px var(--bg-card);z-index:1;transition:background .2s ease,transform .2s ease}.exp-entry.is-open .exp-entry-dot{background:var(--accent-primary);transform:scale(1.2)}.exp-panel{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-soft);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.exp-panel:hover{box-shadow:var(--shadow-soft)}.exp-entry.is-open .exp-panel{border-color:var(--accent-primary);box-shadow:var(--shadow-soft)}.exp-trigger{width:100%;background:transparent;border:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;transition:background .2s ease}.exp-trigger:hover{background:var(--bg-muted)}.exp-trigger-left{display:flex;flex-direction:column;gap:3px;min-width:0}.exp-role{font-size:15px;font-weight:700;color:var(--text-primary)}.exp-company{font-size:13px;font-weight:500;color:var(--text-secondary)}.exp-trigger-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.exp-current-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:999px;padding:3px 10px}.exp-date{font-size:12px;color:var(--text-muted);white-space:nowrap}.exp-arrow{color:var(--text-muted);transition:transform .25s ease;flex-shrink:0}.exp-arrow.open{transform:rotate(180deg)}.exp-body{padding:0 24px 22px;border-top:1px solid var(--border-soft);animation:cardFadeIn .25s ease both}.exp-points{margin:16px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.exp-points li{font-size:14px;line-height:1.7;color:var(--text-secondary)}.copy-email-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--border-soft);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;align-self:flex-start}.copy-email-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.copy-email-btn.copied{color:#16a34a;border-color:#16a34a;background:#22c55e14}.social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.social-link{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-soft);background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.contact-page{padding:80px 24px 120px}.contact-container{max-width:960px;margin:0 auto}.contact-card{background:var(--bg-card);border-radius:24px;padding:56px 52px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start}.contact-card-left{display:flex;flex-direction:column;gap:16px;padding-top:4px}.contact-subtitle{font-size:26px;font-weight:800;line-height:1.25;color:var(--text-primary);letter-spacing:-.02em;margin:0}.contact-desc{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center;animation:cardFadeIn .4s ease both}.form-success-icon{width:60px;height:60px;border-radius:50%;background:#22c55e1a;border:2px solid #16a34a;display:flex;align-items:center;justify-content:center;color:#16a34a;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.form-success h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.form-success p{font-size:15px;color:var(--text-secondary);margin:0}.form-success-reset{margin-top:8px;padding:10px 22px;border-radius:999px;border:1px solid var(--border-soft);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease}.form-success-reset:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.contact-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-group input,.form-group textarea{padding:13px 16px;border-radius:12px;border:1.5px solid var(--border-soft);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.form-group textarea{resize:none}.contact-btn{align-self:flex-end;padding:14px 32px;border-radius:999px;border:none;background:var(--accent-primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.contact-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.footer{padding:32px 24px;text-align:center;background:var(--bg-card);border-top:1px solid var(--border-soft)}.footer p{font-size:13px;color:var(--text-muted);letter-spacing:.02em}@media(max-width:900px){.home-container{grid-template-columns:1fr;gap:36px;text-align:center}.home-image img{width:240px;height:240px}.home-content{align-items:center;max-width:100%}.home-content h1{font-size:40px}.subtitle{font-size:18px}.hero-actions{justify-content:center}.skills-page,.experience-page{padding:72px 20px 96px}.section-title{font-size:26px}.contact-card{grid-template-columns:1fr;padding:36px 28px;gap:32px}.contact-subtitle{font-size:22px}.form-row{grid-template-columns:1fr}.contact-btn{align-self:stretch;text-align:center}.exp-date{display:none}.theme-toggle{bottom:20px;right:20px}}@media(max-width:800px){.skills-grid{grid-template-columns:repeat(4,1fr)}.soft-pill{flex:1 1 calc(33% - 10px)}}@media(max-width:600px){.home-content h1{font-size:34px}.subtitle{font-size:17px}.description{font-size:14px}.contact-card{padding:28px 20px}.exp-trigger{padding:16px 18px}.exp-body{padding:4px 18px 18px}.skills-desktop{display:none}.skills-mobile{display:flex;flex-direction:column;gap:10px}.skills-grid-mobile{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.skills-grid-mobile{grid-template-columns:repeat(2,1fr)}}.section-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.projects-page{padding-top:calc(var(--navbar-offset) + 48px);padding-bottom:140px;padding-left:24px;padding-right:24px;color:var(--text-primary)}.projects-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:72px}.projects-page-header{display:flex;flex-direction:column;gap:12px;animation:fadeUp .6s ease both}.projects-title{font-size:44px;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin:0;line-height:1.1}.projects-subtitle{font-size:16px;line-height:1.7;max-width:560px;color:var(--text-secondary);margin:0}.projects-section{display:flex;flex-direction:column;gap:28px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.project-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;animation:cardIn .45s ease both;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary)}.project-img-wrap{position:relative;overflow:hidden}.project-img-wrap img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .project-img-wrap img{transform:scale(1.04)}.project-tag{position:absolute;top:12px;left:12px;background:#0000008c;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project-info{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.project-info h3{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0}.project-info p{font-size:14px;line-height:1.65;color:var(--text-secondary);margin:0;flex:1}.project-btn{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;background:transparent;color:var(--accent-primary);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.01em;border:1.5px solid var(--accent-primary);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.project-btn:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-hover)}@media(max-width:900px){.projects-page{padding-top:calc(var(--navbar-offset) + 36px);padding-bottom:100px;padding-left:20px;padding-right:20px}.projects-title{font-size:34px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.projects-container{gap:56px}}@media(max-width:600px){.projects-title{font-size:28px}.projects-grid{grid-template-columns:1fr}.project-img-wrap img{height:200px}}[data-theme=dark]{--bg-main: #0b1220;--bg-card: #111827;--bg-muted: #1f2933;--surface-elevated: rgba(255, 255, 255, .08);--text-primary: #e5e7eb;--text-secondary: #cbd5f5;--text-muted: #9ca3af;--accent-primary: #60a5fa;--accent-hover: #3b82f6;--accent-link: #60a5fa;--border-soft: #273549;--focus-ring: rgba(96, 165, 250, .4);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .45);--shadow-hover: 0 18px 45px rgba(0, 0, 0, .6)}[data-theme=light]{--bg-main: #ffffff;--bg-card: #ffffff;--bg-muted: #f8fafc;--surface-elevated: rgba(255, 255, 255, .85);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-primary: #1e3a8a;--accent-hover: #1e40af;--accent-link: #1e3a8a;--border-soft: #e2e8f0;--focus-ring: rgba(30, 58, 138, .35);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--shadow-hover: 0 14px 36px rgba(15, 23, 42, .1)}body{background:var(--bg-main);transition:background .3s ease,color .3s ease}.scroll-progress-track{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:9999}.scroll-progress-bar{height:100%;background:var(--accent-primary);border-radius:0 999px 999px 0;transition:width .05s linear}.cursor-follower{position:fixed;top:0;left:0;width:24px;height:24px;border-radius:50%;background:var(--accent-primary);opacity:.07;pointer-events:none;z-index:9998;filter:blur(6px);will-change:transform}@media(hover:none){.cursor-follower{display:none}}.theme-toggle{position:fixed;bottom:28px;right:28px;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--border-soft);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:var(--shadow-soft);transition:color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease}.theme-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-card));transform:scale(1.1) rotate(12deg);box-shadow:var(--shadow-hover)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(max-width:900px){.theme-toggle{bottom:20px;right:20px}}.section-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.section-reveal.visible{opacity:1;transform:translateY(0)}.section-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary);opacity:.75}.section-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.section-header{display:flex;flex-direction:column;gap:6px}.certifications-page{padding-top:calc(var(--navbar-offset) + 48px);padding-bottom:140px;padding-left:24px;padding-right:24px;color:var(--text-primary)}.certifications-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:72px}.certs-page-header{display:flex;flex-direction:column;gap:12px;animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certs-page-title{font-size:44px;font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--text-primary);margin:0}.certs-page-subtitle{font-size:16px;line-height:1.7;color:var(--text-secondary);max-width:520px;margin:0}.cert-count{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:999px;padding:2px 10px;line-height:1.8}.salesforce-section{background:var(--bg-card);border-radius:20px;padding:40px 44px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);display:flex;align-items:center;gap:36px;transition:box-shadow .2s ease}.salesforce-section:hover{box-shadow:var(--shadow-hover)}.salesforce-body{display:flex;flex-direction:column;gap:12px;flex:1}.salesforce-body h2{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0}.salesforce-body p{font-size:15px;line-height:1.65;color:var(--text-secondary);max-width:520px;margin:0}.trailhead-btn{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:7px;padding:12px 24px;border-radius:999px;background:var(--accent-primary);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.trailhead-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover);color:#fff}.certificates-section{display:flex;flex-direction:column;gap:28px}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.certificate-card{background:var(--bg-card);border-radius:18px;overflow:hidden;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);cursor:pointer;display:flex;flex-direction:column;gap:0;animation:cardIn .4s ease both;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.certificate-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary)}.cert-img-wrap{position:relative;overflow:hidden}.cert-img-wrap img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .4s ease}.certificate-card:hover .cert-img-wrap img{transform:scale(1.04)}.cert-hover-overlay{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .25s ease}.certificate-card:hover .cert-hover-overlay{opacity:1}.certificate-card h3{padding:16px 16px 18px;font-size:14px;font-weight:600;line-height:1.45;color:var(--text-primary)}.certificate-modal{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-inner{background:var(--bg-card);border-radius:20px;padding:28px;max-width:760px;width:100%;display:flex;flex-direction:column;gap:20px;position:relative;border:1px solid var(--border-soft);animation:modalSlideUp .25s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-inner img{width:100%;border-radius:12px;display:block}.modal-close-icon{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-soft);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .2s ease,color .2s ease;z-index:1}.modal-close-icon:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-footer{display:flex;align-items:center;gap:16px}.modal-meta{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.modal-title{font-size:15px;font-weight:600;text-align:center;color:var(--text-primary);margin:0;line-height:1.4}.modal-counter{font-size:12px;color:var(--text-muted);margin:0;letter-spacing:.04em}.modal-nav-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-soft);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease}.modal-nav-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}@media(max-width:900px){.certifications-page{padding-top:calc(var(--navbar-offset) + 36px);padding-bottom:100px;padding-left:20px;padding-right:20px}.certs-page-title{font-size:34px}.salesforce-section{flex-direction:column;align-items:flex-start;padding:32px 28px;gap:24px}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:600px){.certs-page-title{font-size:28px}.certificates-grid{grid-template-columns:1fr 1fr;gap:14px}.cert-img-wrap img{height:130px}.certificate-card h3{font-size:12px;padding:12px 12px 14px}.modal-inner{padding:20px}}@media(max-width:400px){.certificates-grid{grid-template-columns:1fr}}.loader-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-main);z-index:9999}.modern-spinner{width:56px;height:56px;border-radius:50%;border:4px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);border-top-color:var(--accent-primary);animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}