@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#0a0f1c;--bg-secondary:#111827;--bg-card:#1a2236;--bg-card-hover:#1f2a42;--bg-glass:#111827b8;--bg-glass-border:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#00d4aa;--accent-primary-glow:#00d4aa40;--accent-secondary:orange;--accent-coral:#ff6b6b;--accent-teal:#2dd4bf;--accent-blue:#3b82f6;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--font-heading:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-hero:clamp(2.5rem, 6vw, 4.5rem);--fs-h1:clamp(2rem, 4vw, 3rem);--fs-h2:clamp(1.5rem, 3vw, 2rem);--fs-h3:clamp(1.125rem, 2vw, 1.5rem);--fs-body:clamp(.95rem, 1.2vw, 1.1rem);--fs-small:.875rem;--fs-xs:.75rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-section:clamp(64px, 10vh, 120px);--max-width:1200px;--nav-height:72px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px var(--accent-primary-glow);--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-glass:#fffc;--bg-glass-border:#00000014;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#0d9488;--accent-primary-glow:#0d948833;--border-color:#0000000f;--border-color-hover:#0000001f;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-height)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}strong{color:var(--text-primary);font-weight:600}code{font-family:var(--font-mono);font-size:var(--fs-small);background-color:var(--bg-card);border-radius:var(--radius-sm);padding:2px 6px}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.navbar{z-index:1000;height:var(--nav-height);transition:background var(--transition-base), box-shadow var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--bg-glass-border);box-shadow:var(--shadow-md)}.navbar__inner{max-width:var(--max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;transition:color var(--transition-fast);font-size:1.5rem;font-weight:700}.navbar__logo:hover{color:var(--accent-primary)}.navbar__logo-bracket{color:var(--accent-primary);font-weight:400}.navbar__links{gap:var(--space-xs);display:flex}.navbar__link{padding:var(--space-sm) var(--space-md);font-size:var(--fs-small);color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);font-weight:500;position:relative}.navbar__link:hover{color:var(--text-primary);background:var(--bg-card)}.navbar__link--active{color:var(--accent-primary)}.navbar__link--active:after{content:"";background:var(--accent-primary);border-radius:var(--radius-full);width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar__actions{align-items:center;gap:var(--space-sm);display:flex}.navbar__theme-toggle{width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.navbar__theme-toggle:hover{color:var(--accent-secondary);background:var(--bg-card)}.navbar__mobile-toggle{width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;font-size:1.25rem;display:none}.navbar__mobile-menu{top:var(--nav-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--bg-glass-border);padding:var(--space-md);flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:hidden}.navbar__mobile-link{padding:var(--space-md) var(--space-lg);color:var(--text-secondary);text-align:left;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);font-size:1rem;font-weight:500}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--accent-primary);background:var(--bg-card)}@media (width<=768px){.navbar__links{display:none}.navbar__mobile-toggle{display:flex}}@media (width<=480px){.navbar__inner{padding:0 var(--space-md)}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-2xl) 0;position:relative}.footer__inner{max-width:var(--max-width);padding:0 var(--space-xl);align-items:center;gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.footer__brand{text-align:center}.footer__logo{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:700}.footer__logo-bracket{color:var(--accent-primary);font-weight:400}.footer__tagline{font-size:var(--fs-small);color:var(--text-muted);margin-top:var(--space-xs)}.footer__social{gap:var(--space-md);display:flex}.footer__social-link{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.footer__social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.footer__copyright{font-size:var(--fs-xs);color:var(--text-muted)}.footer__back-to-top{right:var(--space-xl);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.footer__back-to-top:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(calc(-50% - 3px))}@media (width<=768px){.footer__back-to-top{position:static;transform:none}.footer__back-to-top:hover{transform:translateY(-3px)}}.hero{min-height:100vh;padding:var(--space-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__gradient{background:radial-gradient(ellipse at 20% 50%, #00d4aa1f 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #ffa50014 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #3b82f614 0%, transparent 50%), var(--bg-primary);background-size:200% 200%;animation:12s infinite gradientShift;position:absolute;inset:0}.hero__particles{background-image:radial-gradient(1px 1px at 10% 20%,#ffffff26 50%,#0000 50%),radial-gradient(1px 1px at 30% 60%,#ffffff1a 50%,#0000 50%),radial-gradient(1px 1px at 50% 30%,#ffffff1f 50%,#0000 50%),radial-gradient(1px 1px at 70% 70%,#ffffff14 50%,#0000 50%),radial-gradient(1px 1px at 90% 40%,#ffffff26 50%,#0000 50%),radial-gradient(1.5px 1.5px at 15% 80%,#00d4aa33 50%,#0000 50%),radial-gradient(1.5px 1.5px at 85% 15%,#ffa50033 50%,#0000 50%);position:absolute;inset:0}.hero__content{z-index:1;text-align:center;max-width:800px;position:relative}.hero__greeting{font-size:var(--fs-h3);color:var(--accent-primary);margin-bottom:var(--space-sm);font-weight:500;font-family:var(--font-mono)}.hero__name{font-size:var(--fs-hero);color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-1.5px;font-weight:700;line-height:1.1}.hero__tagline-wrapper{min-height:3rem;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.hero__tagline{font-size:var(--fs-h2);font-family:var(--font-heading);background:linear-gradient(135deg, var(--accent-secondary), var(--accent-coral));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.hero__cursor{-webkit-text-fill-color:var(--accent-primary);margin-left:2px;font-weight:300;animation:.8s step-end infinite blink}.hero__subtitle{font-size:var(--fs-body);color:var(--text-muted);margin-bottom:var(--space-2xl);letter-spacing:2px;text-transform:uppercase;font-size:var(--fs-small)}.hero__cta{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg, var(--accent-primary), var(--accent-teal));color:var(--bg-primary);font-family:var(--font-heading);border-radius:var(--radius-full);transition:box-shadow var(--transition-base);cursor:pointer;border:none;font-size:1rem;font-weight:600;display:inline-flex}.hero__cta:hover{box-shadow:var(--shadow-glow), var(--shadow-md)}.hero__scroll-indicator{bottom:var(--space-2xl);width:44px;height:44px;color:var(--text-muted);z-index:1;justify-content:center;align-items:center;animation:2s ease-in-out infinite float;display:flex;position:absolute}.hero__scroll-icon{font-size:1.25rem}@media (width<=768px){.hero{padding:var(--space-xl) var(--space-md)}.hero__name{letter-spacing:-.5px}}.section{padding:var(--space-section) 0;position:relative}.section__inner{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section__header{text-align:center;margin-bottom:var(--space-3xl)}.section__title{font-size:var(--fs-h1);color:var(--accent-secondary);margin-bottom:var(--space-sm);letter-spacing:-.5px;font-weight:700}.section__subtitle{font-size:var(--fs-body);color:var(--text-muted);max-width:600px;margin:0 auto}.section__divider{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:60px;height:3px;margin:var(--space-md) auto;border-radius:var(--radius-full)}.section__content{position:relative}.section:nth-child(2n){background-color:var(--bg-secondary)}@media (width<=768px){.section__inner{padding:0 var(--space-md)}.section__header{margin-bottom:var(--space-2xl)}}.about__grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about__text{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.8}.about__highlights{gap:var(--space-lg);display:flex}.about__highlight{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-base);flex-direction:column;flex:1;align-items:center;display:flex}.about__highlight:hover{border-color:var(--accent-primary)}.about__highlight-value{font-family:var(--font-heading);font-size:var(--fs-h2);color:var(--accent-primary);font-weight:700;line-height:1}.about__highlight-label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:1px}.about__skills-title{font-size:var(--fs-h3);margin-bottom:var(--space-lg);color:var(--text-primary)}.about__skills-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.about__skill{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:default;flex-direction:column;display:flex}.about__skill:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.about__skill-icon{color:var(--accent-primary);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.75rem;display:flex}.about__skill-favicon{object-fit:contain;filter:drop-shadow(0 0 4px #00d4aa33);width:32px;height:32px}.about__skill-icon-fallback{font-family:var(--font-heading);color:var(--accent-primary);font-size:1.25rem;font-weight:700}.about__skill-name{font-size:var(--fs-xs);color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=1024px){.about__skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.about__grid{gap:var(--space-2xl);grid-template-columns:1fr}.about__highlights{flex-wrap:wrap}.about__highlight{min-width:calc(50% - var(--space-md))}.about__skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.about__skills-grid{grid-template-columns:repeat(2,1fr)}}.timeline-horizontal{align-items:center;gap:var(--space-md);display:flex;position:relative}.timeline-horizontal__track{gap:var(--space-lg);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-md) var(--space-xs);flex:1;display:flex;overflow-x:auto}.timeline-horizontal__track::-webkit-scrollbar{display:none}.timeline-horizontal__track:before{display:none}.timeline-horizontal__arrow{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);width:40px;min-width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:2;justify-content:center;align-items:center;font-size:1rem;display:flex}.timeline-horizontal__arrow:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.timeline-horizontal__card{flex:0 0 calc(33.333% - var(--space-md));scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.timeline-horizontal__card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.timeline-horizontal__card-accent{height:3px;position:absolute;top:0;left:0;right:0}.timeline-horizontal__period{font-size:var(--fs-xs);color:var(--text-muted);font-family:var(--font-mono);margin-bottom:var(--space-sm);display:inline-block}.timeline-horizontal__company{font-size:var(--fs-h3);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.3}.timeline-horizontal__role{font-size:var(--fs-small);color:var(--accent-primary);margin-bottom:var(--space-md);font-weight:500;display:block}.timeline-horizontal__highlights{margin-bottom:var(--space-md)}.timeline-horizontal__highlights li{padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--fs-xs);color:var(--text-secondary);line-height:1.5;position:relative}.timeline-horizontal__highlights li:before{content:"▸";color:var(--accent-primary);font-size:.7rem;position:absolute;left:0}.timeline-horizontal__projects{gap:var(--space-xs);flex-wrap:wrap;display:flex}.timeline-horizontal__tag{padding:2px var(--space-sm);color:var(--accent-primary);font-size:var(--fs-xs);border-radius:var(--radius-full);background:#00d4aa1a;border:1px solid #00d4aa33;font-weight:500}@media (width<=768px){.timeline-horizontal__arrow{display:none}.timeline-horizontal__card{flex:0 0 85vw}}.projects__filters{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.projects__filter{padding:var(--space-sm) var(--space-lg);font-size:var(--fs-small);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;font-weight:500}.projects__filter:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.projects__filter--active{color:var(--bg-primary);background:var(--accent-primary);border-color:var(--accent-primary)}.projects__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.project-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.project-card__image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__overlay{opacity:0;transition:opacity var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__view{padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);color:var(--bg-primary);font-size:var(--fs-small);border-radius:var(--radius-full);font-weight:600}.project-card__content{padding:var(--space-lg)}.project-card__title{font-size:var(--fs-h3);color:var(--text-primary);margin-bottom:var(--space-sm)}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-card__tag{padding:2px var(--space-sm);font-size:var(--fs-xs);color:var(--accent-primary);border-radius:var(--radius-sm);background:#00d4aa1a}.project-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;padding:var(--space-xl);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;position:relative;overflow-y:auto}.project-modal__close{top:var(--space-md);right:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);z-index:10;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.project-modal__close:hover{color:var(--accent-coral);border-color:var(--accent-coral)}.project-modal__image-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.project-modal__image{object-fit:cover;width:100%;height:100%}.project-modal__content{padding:var(--space-xl)}.project-modal__title{font-size:var(--fs-h2);color:var(--text-primary);margin-bottom:var(--space-md)}.project-modal__tags{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.project-modal__tag{padding:var(--space-xs) var(--space-md);color:var(--accent-primary);font-size:var(--fs-xs);border-radius:var(--radius-full);background:#00d4aa1a;border:1px solid #00d4aa33;font-weight:500}.project-modal__description{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.7}.project-modal__links{gap:var(--space-md);flex-wrap:wrap;display:flex}.project-modal__link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-small);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.project-modal__link:hover{color:var(--accent-primary);border-color:var(--accent-primary)}@media (width<=768px){.projects__grid{grid-template-columns:1fr}.project-modal__backdrop{padding:var(--space-md)}}.reels__grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.reel__item{text-align:center}.reel__video-wrapper{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.reel__iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.reel__title{font-size:var(--fs-h3);color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.reel__description{font-size:var(--fs-small);color:var(--text-muted)}@media (width<=768px){.reels__grid{grid-template-columns:1fr}}.tools__tabs{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);display:flex}.tools__tab{padding:var(--space-sm) var(--space-xl);font-size:var(--fs-small);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;font-weight:600}.tools__tab:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.tools__tab--active{color:var(--bg-primary);background:var(--accent-secondary);border-color:var(--accent-secondary)}.tools__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);cursor:default;overflow:hidden}.tool-card:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-md)}.tool-card__image-wrapper{aspect-ratio:4/3;position:relative;overflow:hidden}.tool-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), opacity var(--transition-base);opacity:.7}.tool-card:hover .tool-card__image{opacity:1;transform:scale(1.05)}.tool-card__overlay{padding:var(--space-md);opacity:0;transition:opacity var(--transition-base);background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tool-card:hover .tool-card__overlay{opacity:1}.tool-card__description{font-size:var(--fs-small);color:var(--text-primary);text-align:center;line-height:1.5}.tool-card__info{padding:var(--space-md);justify-content:space-between;align-items:center;display:flex}.tool-card__name{font-size:var(--fs-small);color:var(--accent-secondary);font-weight:600}.tool-card__language{font-size:var(--fs-xs);color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-secondary);padding:2px var(--space-sm);border-radius:var(--radius-sm)}@media (width<=768px){.tools__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tools__grid{grid-template-columns:1fr}}.contact__grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact__name{font-size:var(--fs-h2);color:var(--text-primary);margin-bottom:var(--space-xl)}.contact__details{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.contact__detail{align-items:center;gap:var(--space-md);color:var(--text-secondary);font-size:var(--fs-body);transition:color var(--transition-fast);display:flex}.contact__detail:hover{color:var(--accent-primary)}.contact__detail-icon{color:var(--accent-primary);flex-shrink:0;width:20px;font-size:1.25rem}.contact__social{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.contact__social-link{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.contact__social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.contact__education{gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex}.contact__education-icon{color:var(--accent-secondary);flex-shrink:0;margin-top:2px;font-size:1.5rem}.contact__education strong{color:var(--text-primary);margin-bottom:var(--space-xs);display:block}.contact__education p{font-size:var(--fs-small);color:var(--text-secondary);margin-bottom:2px}.contact__education-detail{font-family:var(--font-mono);color:var(--text-muted)!important;font-size:var(--fs-xs)!important}.contact__resume-title{font-size:var(--fs-h3);color:var(--text-primary);margin-bottom:var(--space-lg)}.contact__resume-preview{border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:600px;position:relative;overflow:hidden}.contact__resume-image{width:100%;height:auto;transition:opacity var(--transition-base);display:block}.contact__resume-overlay{opacity:0;transition:opacity var(--transition-base);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.contact__resume-preview:hover .contact__resume-overlay{opacity:1}.contact__resume-download{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg, var(--accent-primary), var(--accent-teal));color:var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=768px){.contact__grid{gap:var(--space-2xl);grid-template-columns:1fr}.contact__resume-overlay{opacity:1;background:#0006}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}