@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap);:root{--font-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Fira Code","Courier New",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal:1300;--z-popover:1400;--z-tooltip:1500}[data-theme=dark]{--background-primary:#000;--background-secondary:#0a0a0a;--background-tertiary:#111;--background-elevated:#1a1a1a;--background-overlay:#000c;--text-primary:#fff;--text-secondary:#b4b4b4;--text-tertiary:#6e6e6e;--text-quaternary:#525252;--text-inverse:#000;--border-color:#222;--border-subtle:#1a1a1a;--border-strong:#2e2e2e;--accent-primary:#fff;--accent-secondary:#e5e5e5;--accent-tertiary:#d4d4d4;--accent-gradient:linear-gradient(135deg,#fff,#e5e5e5);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--glass-background:#1a1a1a99;--glass-border:#ffffff14;--glass-backdrop:blur(12px)}[data-theme=light]{--background-primary:#fff;--background-secondary:#fafafa;--background-tertiary:#f5f5f5;--background-elevated:#fff;--background-overlay:#ffffffe6;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--text-quaternary:#a3a3a3;--text-inverse:#fff;--border-color:#e5e5e5;--border-subtle:#f0f0f0;--border-strong:#d4d4d4;--accent-primary:#000;--accent-secondary:#171717;--accent-tertiary:#262626;--accent-gradient:linear-gradient(135deg,#000,#262626);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--glass-background:#ffffffb3;--glass-border:#00000014;--glass-backdrop:blur(12px)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-base);margin:0;padding:0;scroll-behavior:smooth}body{background:var(--background-primary);color:var(--text-primary);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}::selection{background:var(--text-primary);color:var(--background-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9999px;border-radius:var(--radius-full);-webkit-transition:background .2s cubic-bezier(.4,0,.2,1);transition:background .2s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.App{background-color:var(--background-primary);display:flex;flex-direction:column;font-family:var(--font-base);min-height:100vh;transition:background-color var(--transition-base)}.app__main-content{display:flex;flex:1 1;flex-direction:column}.app{background-color:var(--background-primary);font-family:var(--font-base);min-height:100vh;transition:background-color var(--transition-base)}.app__whitebg{background-color:var(--background-secondary)}.app__elevated{background-color:var(--background-elevated)}.app__tertiary{background-color:var(--background-tertiary)}.app__container{display:flex;flex-direction:row;min-height:100vh;padding-top:80px;width:100%}@media screen and (max-width:768px){.app__container{padding-top:70px}}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:calc(80px + var(--spacing-3xl)) var(--spacing-xl) var(--spacing-3xl);width:100%}@media screen and (max-width:450px){.app__wrapper{padding:calc(70px + var(--spacing-3xl)) var(--spacing-md) var(--spacing-xl)}}.copyright{display:none;padding:var(--spacing-xl) 0 0;width:100%}.head-text{color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;text-align:center}.head-text span{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}@media screen and (min-width:2000px){.head-text{font-size:4.5rem}}.p-text{color:var(--text-secondary);font-size:.9375rem;font-weight:400;line-height:1.7;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.25rem}}.bold-text{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:1.5rem}}@media screen and (max-width:450px){.bold-text{font-size:.9375rem}}.app__social{flex-direction:column;justify-content:flex-end;padding:var(--spacing-md)}.app__social,.app__social div{align-items:center;display:flex}.app__social div{background-color:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;height:40px;justify-content:center;margin:var(--spacing-xs) 0;transition:all var(--transition-base);width:40px}.app__social div svg{color:var(--text-secondary);height:18px;transition:color var(--transition-base);width:18px}.app__social div:hover{background:var(--accent-gradient);border-color:#0000;box-shadow:var(--shadow-md);transform:translateY(-2px)}.app__social div:hover svg{color:var(--text-inverse)}.app__social div:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@media screen and (min-width:2000px){.app__social div{height:70px;margin:var(--spacing-sm) 0;width:70px}.app__social div svg{height:30px;width:30px}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-md)}.app__navigation .app__navigation-dot{background-color:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;height:8px;margin:var(--spacing-sm);transition:all var(--transition-base);width:8px}.app__navigation .app__navigation-dot:hover{background:var(--accent-gradient);transform:scale(1.3)}.app__navigation .app__navigation-dot.active{background:var(--accent-gradient);border-radius:var(--radius-sm);height:24px}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:12px;width:12px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:var(--spacing-xl)}}.gradient-text{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;line-height:1;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent-gradient);box-shadow:var(--shadow-md);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--background-elevated);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.glass{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-background);border:1px solid var(--glass-border)}.page-container{min-height:100vh;padding-top:80px}@media screen and (max-width:768px){.page-container{padding-top:70px}}.section-container{padding-top:calc(80px + var(--spacing-2xl))}@media screen and (max-width:768px){.section-container{padding-top:calc(70px + var(--spacing-xl))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.app__navbar{align-items:center;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-background);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;left:0;padding:var(--spacing-md) var(--spacing-xl);position:fixed;right:0;top:0;transition:all var(--transition-base);width:100%;z-index:var(--z-fixed)}@media screen and (max-width:900px){.app__navbar{padding:var(--spacing-md) var(--spacing-lg)}}.app__navbar-logo{align-items:center;display:flex;justify-content:flex-start;z-index:var(--z-fixed)}.app__navbar-logo img{border-radius:50%;filter:var(--logo-filter);height:40px;object-fit:cover;transition:filter var(--transition-base);width:40px}@media screen and (min-width:2000px){.app__navbar-logo img{height:50px;width:50px}}@media screen and (max-width:768px){.app__navbar-logo img{height:36px;width:36px}}.app__navbar-links{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xs);justify-content:center;list-style:none}.app__navbar-links li{cursor:pointer;margin:0;position:relative}.app__navbar-links li a{border-radius:var(--radius-md);color:var(--text-secondary);display:inline-block;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.app__navbar-links li a.active,.app__navbar-links li a:hover{background:var(--background-tertiary);color:var(--text-primary)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{align-items:center;background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all var(--transition-base);width:36px}.app__navbar-menu:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.app__navbar-menu svg{color:var(--text-primary);height:20px;width:20px}.app__navbar-menu div{align-items:flex-start;background:var(--background-primary);border-left:1px solid var(--border-color);bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:var(--spacing-xl);position:fixed;right:0;top:0;width:min(300px,80vw);z-index:var(--z-modal)}.app__navbar-menu div svg{border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;height:24px;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm);transition:all var(--transition-base);width:24px}.app__navbar-menu div svg:hover{background:var(--background-tertiary)}.app__navbar-menu div ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0;width:100%}.app__navbar-menu div li{width:100%}.app__navbar-menu div li a{border-radius:var(--radius-md);color:var(--text-secondary);display:block;font-size:1rem;font-weight:500;padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.app__navbar-menu div li a:hover{background:var(--background-tertiary);color:var(--text-primary)}@media screen and (min-width:900px){.app__navbar-menu,.app__navbar-menu div{display:none}}.menu-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--background-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-modal) - 1)}.theme-toggle{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:2rem;top:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.theme-toggle:hover{border-color:var(--text-primary);box-shadow:var(--shadow-md)}.theme-toggle:active{box-shadow:var(--shadow-sm)}.theme-toggle .theme-toggle-icon{align-items:center;display:flex;justify-content:center}.theme-toggle .theme-toggle-icon svg{color:var(--text-primary);height:20px;width:20px}@media screen and (max-width:900px){.theme-toggle{height:36px;right:5rem;top:1rem;width:36px}.theme-toggle .theme-toggle-icon svg{height:18px;width:18px}}.floating-nav{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-background);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);position:fixed;right:var(--spacing-xl);top:50%;transform:translateY(-50%);z-index:var(--z-fixed)}@media screen and (max-width:900px){.floating-nav{display:none}}.floating-nav-item{align-items:center;cursor:pointer;display:flex;position:relative;transition:all var(--transition-base)}.floating-nav-item .nav-dot{background:var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:10px;transition:all var(--transition-base);width:10px}.floating-nav-item.active .nav-dot{background:var(--accent-gradient);box-shadow:0 0 12px #5e6ad299;height:12px;width:12px}.floating-nav-item:hover .nav-dot{background:var(--accent-primary);transform:scale(1.2)}.floating-nav-item .nav-label{align-items:center;background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;position:absolute;right:calc(100% + var(--spacing-md));white-space:nowrap}.floating-nav-item .nav-label .icon{font-size:1.125rem;line-height:1}.floating-nav-item .nav-label .text{color:var(--text-primary);font-size:.875rem;font-weight:500}@media screen and (min-width:2000px){.floating-nav-item .nav-dot{height:14px;width:14px}.floating-nav-item.active .nav-dot{height:16px;width:16px}.floating-nav-item .nav-label .icon{font-size:1.25rem}.floating-nav-item .nav-label .text{font-size:1rem}}.app__footer{background:var(--background-elevated);border-top:1px solid var(--border-color);margin-top:auto;padding:var(--spacing-3xl) 0 var(--spacing-2xl);width:100%}.app__footer .footer__container{align-items:center;display:flex;gap:var(--spacing-2xl);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}@media screen and (max-width:768px){.app__footer .footer__container{flex-direction:column;gap:var(--spacing-xl);text-align:center}}.app__footer .footer__left{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media screen and (max-width:768px){.app__footer .footer__left{align-items:center}}.app__footer .footer__left .footer__name{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.app__footer .footer__left .footer__title{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.app__footer .footer__left .footer__copyright{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;gap:var(--spacing-xs);margin:var(--spacing-md) 0 0}.app__footer .footer__right .footer__social-links{align-items:center;display:flex;gap:var(--spacing-md)}.app__footer .footer__right .footer__social-links .footer__social-icon{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.app__footer .footer__right .footer__social-links .footer__social-icon:hover{background:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-md);color:var(--background-primary);transform:translateY(-2px)}.app__footer .footer__right .footer__social-links .footer__social-icon:active{transform:translateY(0)}.devops-loader{background:var(--background-primary);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;transition:opacity .5s ease-out;width:100vw;z-index:9999}.devops-loader,.devops-loader .devops-loader__content,.devops-loader .infinity-loop{align-items:center;display:flex;justify-content:center}.devops-loader .infinity-loop .infinity-svg{color:var(--text-primary);filter:drop-shadow(0 0 10px var(--text-primary))}@media screen and (max-width:768px){.devops-loader .infinity-loop .infinity-svg{height:75px;width:150px}}.devops-loader.fade-out{opacity:0;pointer-events:none}.skeleton-box{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--background-elevated) 0,var(--background-tertiary) 50%,var(--background-elevated) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-work{display:flex;flex-direction:column;gap:var(--spacing-xl)}.skeleton-work .skeleton-work-item{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.skeleton-work .skeleton-work-item .skeleton-company{margin-bottom:var(--spacing-lg)}.skeleton-work .skeleton-work-item .skeleton-timeline{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-2xl)}.skeleton-work .skeleton-work-item .skeleton-timeline .skeleton-year{margin-bottom:var(--spacing-sm)}.skeleton-work .skeleton-work-item .skeleton-timeline .skeleton-job{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.skeleton-skills{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.skeleton-skills .skeleton-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skeleton-skills .skeleton-skills-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}@media screen and (max-width:768px){.skeleton-skills .skeleton-skills-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.skeleton-skills .skeleton-skills-grid .skeleton-skill-card{align-items:center;background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.skeleton-projects{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.skeleton-projects .skeleton-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skeleton-projects .skeleton-projects-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media screen and (max-width:768px){.skeleton-projects .skeleton-projects-grid{grid-template-columns:1fr}}.skeleton-projects .skeleton-projects-grid .skeleton-project-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.skeleton-projects .skeleton-projects-grid .skeleton-project-card .skeleton-project-info{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.skeleton-projects .skeleton-projects-grid .skeleton-project-card .skeleton-project-info .skeleton-tags{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.skeleton-certifications{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media screen and (max-width:768px){.skeleton-certifications{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.skeleton-certifications .skeleton-cert-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.skeleton-certifications .skeleton-cert-card .skeleton-cert-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.skeleton-education{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skeleton-education .skeleton-edu-card{background:var(--background-elevated);border:1px solid var(--border-color);border-left:4px solid var(--text-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.skeleton-case-studies{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media screen and (max-width:768px){.skeleton-case-studies{grid-template-columns:1fr}}.skeleton-case-studies .skeleton-case-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.skeleton-case-studies .skeleton-case-card .skeleton-case-info{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.homepage{background:var(--background-primary);position:relative}.homepage__hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:calc(80px + var(--spacing-2xl)) var(--spacing-2xl) var(--spacing-2xl);position:relative}@media screen and (max-width:768px){.homepage__hero{padding:calc(70px + var(--spacing-xl)) var(--spacing-md) var(--spacing-xl)}}.homepage__content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1.5fr;max-width:1400px;width:100%}@media screen and (max-width:1024px){.homepage__content{gap:var(--spacing-2xl);grid-template-columns:1fr;text-align:center}}.homepage__profile{align-items:center;display:flex;justify-content:center}.homepage__profile .profile-image{height:400px;position:relative;width:400px}.homepage__profile .profile-image img{border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.homepage__profile .profile-image .profile-glow{background:var(--border-strong);border-radius:var(--radius-xl);filter:blur(40px);inset:-20px;opacity:.1;position:absolute;z-index:0}@media screen and (max-width:1024px){.homepage__profile .profile-image{height:300px;width:300px}}@media screen and (max-width:480px){.homepage__profile .profile-image{height:250px;width:250px}}.homepage__info{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media screen and (max-width:1024px){.homepage__info{align-items:center}}.homepage__info .terminal-command{font-feature-settings:"liga" 1,"calt" 1;display:inline-block;font-family:var(--font-mono)!important;font-size:clamp(1.5rem,4vw,2rem);font-weight:500;line-height:1.4;margin:0 0 var(--spacing-xl) 0}.homepage__info .terminal-command *{font-family:var(--font-mono)!important}.homepage__info .terminal-command .command-text{font-feature-settings:"liga" 1,"calt" 1;align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-mono)!important}.homepage__info .terminal-command .cursor{background-color:var(--text-primary);display:inline-block;height:1.2em;margin-left:2px;width:12px}.homepage__info .terminal-command .cursor.blink{animation:blink 1s step-end infinite}.homepage__info .greeting{align-items:center;color:var(--text-secondary);display:flex;font-size:1.125rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.homepage__info .greeting .wave{animation:wave 2s ease-in-out infinite;font-size:1.5rem}.homepage__info .designation{align-items:center;display:flex;flex-wrap:wrap;font-size:1.25rem;gap:var(--spacing-md)}@media screen and (max-width:1024px){.homepage__info .designation{justify-content:center}}.homepage__info .designation .title{color:var(--text-primary);font-weight:600}.homepage__info .designation .separator{color:var(--text-tertiary)}.homepage__info .designation .subtitle{color:var(--text-secondary);font-weight:500}.homepage__info .description{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;max-width:600px}@media screen and (max-width:1024px){.homepage__info .description{max-width:100%}}.homepage__info .skills-container{margin-top:var(--spacing-md)}.homepage__info .skills-container h3{color:var(--text-tertiary);font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--spacing-md);text-transform:uppercase}.homepage__info .skills-container .skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media screen and (max-width:1024px){.homepage__info .skills-container .skills-grid{justify-content:center}}.homepage__info .skills-container .skill-tag{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:default;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.homepage__info .skills-container .skill-tag:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-primary)}.homepage__info .cta-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media screen and (max-width:1024px){.homepage__info .cta-buttons{justify-content:center}}@media screen and (max-width:480px){.homepage__info .cta-buttons{flex-direction:column;width:100%}.homepage__info .cta-buttons .btn{width:100%}}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.scroll-indicator{align-items:center;bottom:var(--spacing-3xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);position:absolute;right:var(--spacing-2xl);z-index:100}@media screen and (max-width:1024px){.scroll-indicator{display:none}}.scroll-indicator .scroll-mouse{border:2px solid var(--text-secondary);border-radius:12px;height:40px;opacity:.6;position:relative;transition:all var(--transition-base);width:24px}.scroll-indicator .scroll-mouse .scroll-wheel{animation:scroll-down 2s infinite;background:var(--text-secondary);border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.scroll-indicator .scroll-text{color:var(--text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-base)}.scroll-indicator:hover .scroll-mouse{border-color:var(--text-primary);opacity:1}.scroll-indicator:hover .scroll-mouse .scroll-wheel{background:var(--text-primary)}.scroll-indicator:hover .scroll-text{color:var(--text-secondary)}@keyframes scroll-down{0%{opacity:0;top:8px}30%{opacity:1}60%{opacity:1}to{opacity:0;top:20px}}.homepage__impact{background:var(--background-primary);margin:0 auto;max-width:1400px;padding:var(--spacing-3xl) var(--spacing-xl)}@media screen and (max-width:768px){.homepage__impact{padding:var(--spacing-2xl) var(--spacing-md)}}.homepage__impact .impact-container{width:100%}.homepage__impact .impact-title{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-3xl);position:relative;text-align:center}.homepage__impact .impact-title:after{background:var(--text-primary);border-radius:2px;bottom:-12px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@media screen and (max-width:768px){.homepage__impact .impact-title{margin-bottom:var(--spacing-2xl)}}.homepage__impact .impact-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-2xl)}@media screen and (max-width:1024px){.homepage__impact .impact-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.homepage__impact .impact-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.homepage__impact .impact-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.homepage__impact .impact-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center;transition:all var(--transition-base)}.homepage__impact .impact-card:before{background:var(--text-primary);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);width:100%}.homepage__impact .impact-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.homepage__impact .impact-card:hover:before{transform:scaleX(1)}.homepage__impact .impact-card:hover .impact-number{color:var(--text-primary)}@media screen and (max-width:768px){.homepage__impact .impact-card{padding:var(--spacing-lg) var(--spacing-md)}}.homepage__impact .impact-number{font-feature-settings:"tnum" 1;color:var(--text-secondary);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin-bottom:var(--spacing-sm);transition:color var(--transition-base)}@media screen and (max-width:768px){.homepage__impact .impact-number{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:var(--spacing-xs)}}.homepage__impact .impact-label{color:var(--text-tertiary);font-size:.875rem;font-weight:500;letter-spacing:.01em;line-height:1.4}@media screen and (max-width:768px){.homepage__impact .impact-label{font-size:.8125rem}}.homepage__case-studies{margin:0 auto;max-width:1400px;padding:var(--spacing-3xl) var(--spacing-xl)}@media screen and (max-width:768px){.homepage__case-studies{padding:var(--spacing-2xl) var(--spacing-md)}}.case-studies-header h2{color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-md)}.case-studies-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:var(--spacing-3xl)}.case-study-card{cursor:pointer}.case-study-card .case-study-content h3{margin-bottom:var(--spacing-md)}.case-study-card .case-study-content .description{color:var(--text-secondary)}.case-study-card .case-study-content .read-more-btn{align-items:center;color:var(--text-primary);display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-base)}.case-study-card .case-study-content .read-more-btn:hover{gap:var(--spacing-md)}.no-case-studies{color:var(--text-tertiary);font-size:1.125rem}.view-all-container{display:flex;justify-content:center;margin-top:var(--spacing-2xl)}.view-all-container .view-all-btn{font-size:1rem;padding:var(--spacing-md) var(--spacing-2xl)}.about-page{background:var(--background-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:calc(80px + var(--spacing-3xl)) var(--spacing-xl) var(--spacing-3xl)}@media screen and (max-width:900px){.about-page{padding:calc(70px + var(--spacing-2xl)) var(--spacing-md) var(--spacing-2xl)}}.about-page__header{grid-gap:var(--spacing-2xl);background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:var(--spacing-2xl);grid-template-columns:200px 1fr;margin-bottom:var(--spacing-3xl);padding:var(--spacing-3xl)}@media screen and (max-width:768px){.about-page__header{grid-template-columns:1fr;padding:var(--spacing-2xl);text-align:center}}.about-page__header .header__profile img{aspect-ratio:1;border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);object-fit:cover;width:100%}@media screen and (max-width:768px){.about-page__header .header__profile{margin:0 auto;max-width:200px}}.about-page__header .header__info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-page__header .header__info h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.about-page__header .header__info .designation{color:var(--text-secondary);font-size:1.125rem;font-weight:500}.about-page__header .header__info .get-in-touch{margin-top:var(--spacing-xl)}@media screen and (max-width:768px){.about-page__header .header__info .get-in-touch{text-align:center}}.about-page__header .header__info .get-in-touch .get-in-touch__title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.about-page__header .header__info .get-in-touch .get-in-touch__buttons{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:700px}@media screen and (max-width:768px){.about-page__header .header__info .get-in-touch .get-in-touch__buttons{grid-template-columns:1fr;max-width:100%}}.about-page__header .header__info .get-in-touch .get-in-touch__buttons .connect-btn{align-items:center;background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-base)}.about-page__header .header__info .get-in-touch .get-in-touch__buttons .connect-btn .btn-icon{flex-shrink:0;font-size:1.125rem}.about-page__header .header__info .get-in-touch .get-in-touch__buttons .connect-btn:hover{background:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-md);color:var(--background-primary);transform:translateY(-2px)}.about-page__header .header__info .get-in-touch .get-in-touch__buttons .connect-btn:active{transform:translateY(0)}.about-page__content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.resume-section{scroll-margin-top:var(--spacing-2xl)}.resume-section .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.resume-section .section-title .icon{font-size:2rem}.resume-section .section-title.terminal-style{font-feature-settings:"liga" 1,"calt" 1;display:flex;font-family:var(--font-mono)!important;font-size:1.75rem;font-weight:500}.resume-section .section-title.terminal-style *{font-family:var(--font-mono)!important}.resume-section .section-title.terminal-style .command-prompt{color:var(--text-secondary);margin-right:var(--spacing-sm)}.resume-section .section-subtitle{color:var(--text-tertiary);font-size:.9375rem;margin-top:var(--spacing-sm)}.companies-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.company-section{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.company-section:hover{box-shadow:var(--shadow-md)}.company-header{align-items:center;background:var(--background-tertiary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-base)}.company-header:hover{background:var(--background-elevated)}.company-header .company-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.company-header .company-toggle-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm)}.company-header .company-toggle-btn .arrow{color:var(--text-secondary);display:inline-block;font-size:1.25rem;transition:transform var(--transition-base)}.company-header .company-toggle-btn .arrow.expanded{transform:rotate(180deg)}.company-header .company-toggle-btn:hover .arrow{color:var(--text-primary)}@media screen and (max-width:768px){.company-header{padding:var(--spacing-md) var(--spacing-lg)}.company-header .company-name{font-size:1.25rem}}.company-timeline-wrapper{overflow:hidden;padding:0 var(--spacing-xl)}.company-timeline-wrapper[style*="height: auto"]{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}@media screen and (max-width:768px){.company-timeline-wrapper{padding:0 var(--spacing-md)}.company-timeline-wrapper[style*="height: auto"]{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}}.timeline{padding-left:var(--spacing-2xl);position:relative}.timeline:before{background:var(--border-color);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}@media screen and (max-width:768px){.timeline{padding-left:var(--spacing-lg)}}.timeline-item{margin-bottom:var(--spacing-2xl);position:relative}.timeline-item .timeline-marker{background:var(--text-primary);border-radius:var(--radius-full);box-shadow:0 0 0 4px var(--background-primary);height:14px;left:calc(var(--spacing-2xl)*-1 - 6px);position:absolute;top:4px;width:14px;z-index:1}@media screen and (max-width:768px){.timeline-item .timeline-marker{left:calc(var(--spacing-lg)*-1 - 6px)}}.timeline-item .timeline-content .year{background:var(--text-primary);border-radius:var(--radius-md);color:var(--background-primary);display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md)}.timeline-item .timeline-content .work-item{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.timeline-item .timeline-content .work-item:hover{border-color:var(--text-primary);box-shadow:var(--shadow-md)}.timeline-item .timeline-content .work-item .work-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.timeline-item .timeline-content .work-item .work-main{flex:1 1}.timeline-item .timeline-content .work-item h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.timeline-item .timeline-content .work-item .duration{color:var(--text-tertiary);font-size:.875rem;font-style:italic;font-weight:500;margin-bottom:var(--spacing-sm)}.timeline-item .timeline-content .work-item .description{color:var(--text-tertiary);font-size:.9375rem;line-height:1.6}.timeline-item .timeline-content .work-item .expand-btn{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.timeline-item .timeline-content .work-item .expand-btn:hover{background:var(--text-primary);border-color:var(--text-primary)}.timeline-item .timeline-content .work-item .expand-btn:hover .arrow{color:var(--background-primary)}.timeline-item .timeline-content .work-item .expand-btn .arrow{color:var(--text-secondary);display:inline-block;font-size:.75rem;transition:all var(--transition-base)}.timeline-item .timeline-content .work-item .expand-btn .arrow.expanded{transform:rotate(180deg)}.timeline-item .timeline-content .work-item .work-details{margin-top:var(--spacing-md);overflow:hidden}.timeline-item .timeline-content .work-item .work-details .details-content{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.timeline-item .timeline-content .work-item .work-details .details-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;white-space:pre-wrap}.skill-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.skill-filters .filter-btn{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-family:var(--font-base);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.skill-filters .filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.skill-filters .filter-btn.active{background:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-md);color:var(--background-primary)}.skills-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}@media screen and (max-width:768px){.skills-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.skill-card{align-items:center;background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:all var(--transition-base)}.skill-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-lg)}.skill-card .skill-icon{align-items:center;display:flex;height:50px;justify-content:center;width:50px}.skill-card .skill-icon img{height:100%;object-fit:contain;width:100%}.skill-card p{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:center}.certifications-list{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media screen and (max-width:768px){.certifications-list{gap:var(--spacing-lg);grid-template-columns:1fr}}.cert-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.cert-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cert-card .cert-image{align-items:center;background:var(--background-primary);border-bottom:1px solid var(--border-color);display:flex;height:180px;justify-content:center;overflow:hidden;padding:var(--spacing-md);width:100%}.cert-card .cert-image img{height:100%;object-fit:contain;transition:transform var(--transition-slow);width:100%}.cert-card:hover .cert-image img{transform:scale(1.03)}.cert-card .cert-content{padding:var(--spacing-lg)}.cert-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm)}.cert-card .issuer{color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-md)}.cert-card .cert-meta{align-items:center;border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:.875rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.cert-card .cert-meta .year{color:var(--text-primary);font-weight:600}.cert-card .cert-meta .credential{font-size:.8125rem}.cert-card .verify-link{border-bottom:1px solid #0000;color:var(--text-primary);display:inline-block;font-size:.875rem;font-weight:500;padding:var(--spacing-xs) 0;text-decoration:none;transition:all var(--transition-base)}.cert-card .verify-link:hover{border-bottom-color:var(--text-primary)}.education-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.edu-card{background:var(--background-elevated);border:1px solid var(--border-color);border-left:4px solid var(--text-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.edu-card:hover{box-shadow:var(--shadow-lg);transform:translateX(4px)}.edu-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.edu-card .field{font-weight:500}.edu-card .field,.edu-card .institution{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-xs)}.edu-card .location{color:var(--text-tertiary)}.edu-card .edu-meta,.edu-card .location{font-size:.875rem;margin-bottom:var(--spacing-md)}.edu-card .edu-meta{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-md)}.edu-card .edu-meta .duration{color:var(--text-tertiary);font-weight:500}.edu-card .edu-meta .grade{color:var(--text-primary);font-weight:600}.edu-card .description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.project-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.project-filters .filter-btn{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-family:var(--font-base);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.project-filters .filter-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.project-filters .filter-btn.active{background:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-md);color:var(--background-primary)}.projects-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media screen and (max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.project-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-xl)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image img{transform:scale(1.05)}.project-card .project-image{background:var(--background-tertiary);height:220px;overflow:hidden;position:relative;width:100%}.project-card .project-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.project-card .project-image .project-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--background-overlay);display:flex;gap:var(--spacing-md);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.project-card .project-image .project-overlay .project-link{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-base)}.project-card .project-image .project-overlay .project-link:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--background-primary);transform:translateY(-2px)}.project-card .project-content{padding:var(--spacing-lg)}.project-card .project-content h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.project-card .project-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-md)}.project-card .project-content .project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.project-card .project-content .project-tags .project-tag{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.no-data,.no-projects{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:1rem;padding:var(--spacing-2xl);text-align:center}.case-studies-page{background:var(--background-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:calc(80px + var(--spacing-3xl)) var(--spacing-xl) var(--spacing-3xl)}@media screen and (max-width:900px){.case-studies-page{padding:calc(70px + var(--spacing-2xl)) var(--spacing-md) var(--spacing-2xl)}}.case-studies-header{margin-bottom:var(--spacing-3xl);text-align:center}.case-studies-header h1{color:var(--text-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-md)}.case-studies-header p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:700px}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-3xl)}.category-filters .filter-btn{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.category-filters .filter-btn:hover{background:var(--background-tertiary);border-color:var(--text-primary);color:var(--text-primary)}.category-filters .filter-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--background-primary)}.case-studies-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media screen and (max-width:768px){.case-studies-grid{gap:var(--spacing-xl);grid-template-columns:1fr}}.case-study-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.case-study-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-xl)}.case-study-card:hover .case-study-image img{transform:scale(1.05)}.case-study-card:hover .image-overlay{opacity:.1}.case-study-card:hover .read-more{gap:var(--spacing-md)}.case-study-card .card-link{color:inherit;display:block;text-decoration:none}.case-study-card .case-study-image{background:var(--background-tertiary);height:250px;overflow:hidden;position:relative;width:100%}.case-study-card .case-study-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.case-study-card .case-study-image .image-overlay{background:linear-gradient(to top,var(--background-elevated) 0,#0000 50%);inset:0;opacity:.3;position:absolute;transition:opacity var(--transition-base)}.case-study-card .case-study-content{padding:var(--spacing-xl)}.case-study-card .case-study-content .category{background:var(--background-tertiary);border-radius:var(--radius-md);color:var(--text-primary);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.case-study-card .case-study-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm)}.case-study-card .case-study-content .headline{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:var(--spacing-md)}.case-study-card .case-study-content .description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-lg);overflow:hidden}.case-study-card .case-study-content .tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.case-study-card .case-study-content .tags .tag{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.case-study-card .case-study-content .read-more{align-items:center;color:var(--text-primary);display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-xs);transition:all var(--transition-base)}.no-case-studies{padding:var(--spacing-3xl);text-align:center}.no-case-studies p{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:1.125rem;padding:var(--spacing-2xl)}.case-study-detail{background:var(--background-primary);margin:0 auto;max-width:900px;min-height:100vh;padding:calc(80px + var(--spacing-2xl)) var(--spacing-xl) var(--spacing-3xl)}@media screen and (max-width:900px){.case-study-detail{padding:calc(70px + var(--spacing-xl)) var(--spacing-md) var(--spacing-2xl)}}.case-study-detail.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-spinner .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--text-primary);height:40px;width:40px}.loading-spinner p{color:var(--text-secondary);font-size:1rem}@keyframes spin{to{transform:rotate(1turn)}}.back-button-container{margin-bottom:var(--spacing-2xl)}.back-button-container .back-button{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.9375rem;font-weight:500;gap:var(--spacing-xs);text-decoration:none;transition:all var(--transition-base)}.back-button-container .back-button:hover{color:var(--text-primary);gap:var(--spacing-sm)}.case-study-header{margin-bottom:var(--spacing-3xl)}.case-study-header .category{background:var(--background-tertiary);border-radius:var(--radius-md);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.case-study-header .category,.case-study-header h1{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.case-study-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.case-study-header .headline{color:var(--text-secondary);font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:var(--spacing-lg)}.case-study-header .tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.case-study-header .tags .tag{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.8125rem;padding:var(--spacing-sm) var(--spacing-md)}.hero-image{border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--spacing-3xl);overflow:hidden;width:100%}.hero-image img{display:block;height:auto;width:100%}.short-description{background:var(--background-elevated);border:1px solid var(--border-color);border-left:4px solid var(--text-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl)}.short-description p{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin:0}.full-description{color:var(--text-primary);line-height:1.8;margin-bottom:var(--spacing-3xl)}.full-description h2,.full-description h3,.full-description h4,.full-description h5,.full-description h6{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}.full-description h2{font-size:1.875rem}.full-description h3{font-size:1.5rem}.full-description h4{font-size:1.25rem}.full-description p{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:var(--spacing-lg)}.full-description ol,.full-description ul{color:var(--text-secondary);margin:var(--spacing-lg) 0;padding-left:var(--spacing-2xl)}.full-description ol li,.full-description ul li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs)}.full-description blockquote{background:var(--background-elevated);border-left:4px solid var(--text-primary);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl)}.full-description blockquote p{color:var(--text-secondary);font-style:italic;margin:0}.full-description code{background:var(--background-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:.9em;padding:var(--spacing-xs) var(--spacing-sm)}.full-description pre{background:var(--background-tertiary);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;overflow-x:auto;padding:var(--spacing-lg)}.full-description pre code{background:none;padding:0}.full-description a{color:var(--text-primary);text-decoration:underline;transition:opacity var(--transition-base)}.full-description a:hover{opacity:.7}.case-study-diagram{margin-bottom:var(--spacing-3xl)}.case-study-diagram h2{color:var(--text-primary);font-size:1.875rem;font-weight:600;margin-bottom:var(--spacing-xl)}.case-study-diagram .diagram-container{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-lg);width:100%}.case-study-diagram .diagram-container img{border-radius:var(--radius-md);display:block;height:auto;width:100%}.related-studies{margin-bottom:var(--spacing-3xl)}.related-studies h2{color:var(--text-primary);font-size:1.875rem;font-weight:600;margin-bottom:var(--spacing-xl)}.related-studies .related-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media screen and (max-width:768px){.related-studies .related-grid{grid-template-columns:1fr}}.related-studies .related-card{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:inherit;overflow:hidden;text-decoration:none;transition:all var(--transition-base)}.related-studies .related-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.related-studies .related-card:hover .related-image img{transform:scale(1.05)}.related-studies .related-card .related-image{background:var(--background-tertiary);height:150px;overflow:hidden;width:100%}.related-studies .related-card .related-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.related-studies .related-card .related-content{padding:var(--spacing-lg)}.related-studies .related-card .related-content .category{background:var(--background-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.related-studies .related-card .related-content h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm)}.related-studies .related-card .related-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:.875rem;line-height:1.5;overflow:hidden}.cta-section{background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-top:var(--spacing-3xl);padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.cta-section .cta-content h2{color:var(--text-primary);font-size:1.875rem;font-weight:600;margin-bottom:var(--spacing-md)}.cta-section .cta-content p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-xl)}.cta-section .cta-content .btn{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:all var(--transition-base)}.cta-section .cta-content .btn.btn-primary{background:var(--text-primary);border:2px solid var(--text-primary);color:var(--background-primary)}.cta-section .cta-content .btn.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
/*# sourceMappingURL=main.6aff0b88.css.map*/