*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: #0a0a0a;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--spacing-3xl: 8rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--border-radius: 0;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);color:var(--color-black);line-height:var(--line-height-normal);font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);letter-spacing:-.02em}h1{font-size:clamp(2rem,8vw,4.5rem);font-weight:700}h2{font-size:clamp(1.75rem,6vw,3rem)}h3{font-size:clamp(1.25rem,4vw,1.75rem)}p{font-size:clamp(.9375rem,2vw,1.0625rem);line-height:var(--line-height-relaxed)}a{color:inherit;text-decoration:none;transition:all var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-xl) 0}@media(min-width:768px){.container{padding:0 var(--spacing-lg)}section{padding:var(--spacing-2xl) 0}}@media(min-width:1024px){.container{padding:0 var(--spacing-xl)}section{padding:var(--spacing-3xl) 0}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal);border-bottom:1px solid transparent}.header.scrolled{background-color:#fffffff2;border-bottom-color:var(--color-gray-200)}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.logo{display:flex;align-items:center}.logo-text{font-size:1.25rem;font-weight:600;letter-spacing:-.03em}.nav-links{display:flex;gap:var(--spacing-2xs);list-style:none}.nav-links button{font-size:.9375rem;font-weight:450;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);color:var(--color-gray-700);position:relative}.nav-links button:after{content:"";position:absolute;bottom:0;left:var(--spacing-sm);right:var(--spacing-sm);height:1px;background-color:var(--color-black);transform:scaleX(0);transition:transform var(--transition-fast)}.nav-links button:hover{color:var(--color-black)}.nav-links button:hover:after{transform:scaleX(1)}@media(min-width:768px){.nav-links{gap:var(--spacing-xs)}.nav-links button{padding:var(--spacing-xs) var(--spacing-md)}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:60px}.hero-content{max-width:52rem}.hero-label{display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.hero-title{margin-bottom:var(--spacing-lg);max-width:48rem}.hero-description{max-width:40rem;margin-bottom:var(--spacing-xl);color:var(--color-gray-600);font-size:1.125rem}.hero-cta{display:inline-flex;gap:var(--spacing-sm);flex-direction:column;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:.9375rem;font-weight:500;transition:all var(--transition-normal);border:1px solid var(--color-black);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-black);transform:translateY(100%);transition:transform var(--transition-normal);z-index:-1}.btn-primary{background-color:var(--color-black);color:var(--color-white);z-index:1}.btn-primary:before{background-color:var(--color-white)}.btn-primary:hover{color:var(--color-black)}.btn-primary:hover:before{transform:translateY(0)}.btn-secondary{background-color:var(--color-white);color:var(--color-black)}.btn-secondary:hover:before{transform:translateY(0)}.btn-secondary:hover{color:var(--color-white)}@media(min-width:640px){.hero-cta{flex-direction:row;width:auto}}@media(min-width:768px){.hero-description{font-size:1.25rem}}.about{background-color:var(--color-gray-50)}.section-title{font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gray-600);margin-bottom:var(--spacing-xl);text-align:center}.about-content{max-width:72rem;margin:0 auto}.about-text{margin-bottom:var(--spacing-xl);text-align:center;max-width:48rem;margin-left:auto;margin-right:auto}.about-text p{margin-bottom:var(--spacing-md);color:var(--color-gray-600);font-size:1.125rem}.about-text p:last-child{margin-bottom:0}.expertise-grid{display:grid;grid-template-columns:1fr;gap:1px;background-color:var(--color-gray-200);border:1px solid var(--color-gray-200)}.expertise-card{background-color:var(--color-white);padding:var(--spacing-lg);transition:all var(--transition-normal)}.expertise-card:hover{background-color:var(--color-gray-50)}.expertise-title{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.expertise-description{color:var(--color-gray-600);font-size:.9375rem}@media(min-width:768px){.section-title,.about-text{margin-bottom:var(--spacing-2xl)}.about-text p{font-size:1.25rem}.expertise-grid{grid-template-columns:repeat(3,1fr)}.expertise-card{padding:var(--spacing-xl)}.expertise-title{font-size:1.25rem}.expertise-description{font-size:1rem}}.projects{background-color:var(--color-white)}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.project-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:var(--color-black);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-slow)}.project-card:hover:before{transform:scaleY(1)}.project-card:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.project-category{display:inline-block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md);color:var(--color-gray-600)}.project-title{margin-bottom:var(--spacing-sm);font-size:1.375rem;font-weight:600}.project-description{color:var(--color-gray-600);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{font-size:.8125rem;padding:var(--spacing-2xs) var(--spacing-sm);background-color:var(--color-gray-100);color:var(--color-gray-700);font-weight:450;transition:all var(--transition-fast)}.tech-tag:hover{background-color:var(--color-gray-200)}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.project-card{padding:var(--spacing-xl)}.project-title{font-size:1.5rem}.project-description{margin-bottom:var(--spacing-xl)}}@media(min-width:1024px){.projects-grid{gap:var(--spacing-xl)}}.contact{background-color:var(--color-gray-50)}.contact-content{max-width:52rem;margin:0 auto;text-align:center}.contact-text{margin-bottom:var(--spacing-xl)}.contact-text p{font-size:1.125rem;color:var(--color-gray-600)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.contact-item{display:flex;flex-direction:column;gap:var(--spacing-2xs);text-align:center;transition:all var(--transition-fast)}.contact-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-600)}.contact-value{font-size:1rem;font-weight:500;word-break:break-word;position:relative;display:inline-block;padding-bottom:2px}.contact-value:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-black);transform:scaleX(0);transition:transform var(--transition-fast)}.contact-value:hover:after{transform:scaleX(1)}@media(min-width:768px){.contact-text{margin-bottom:var(--spacing-2xl)}.contact-text p{font-size:1.25rem}.contact-info{flex-direction:row;justify-content:center;gap:var(--spacing-xl)}.contact-value{font-size:1.125rem}}.footer{background-color:var(--color-white);color:var(--color-gray-600);padding:var(--spacing-xl) 0;border-top:1px solid var(--color-gray-200)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-text{font-size:.875rem}.footer-tagline{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media(max-width:640px){.footer-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}