@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none;transition:color .2s ease}html{scroll-behavior:smooth}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#0a0a0a}body{background-color:#0a0a0a}}.landing-page{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{padding:2rem 0}.nav{display:flex;justify-content:center;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.design-accent{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4,#45b7d1,#96ceb4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;transition:all .3s ease}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:#666;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:#1a1a1a}.main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2rem}.hero{text-align:center;max-width:800px;margin:0 auto;padding:3rem 0}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:300;letter-spacing:-.04em;margin:0 0 1.5rem;color:#1a1a1a;line-height:1.1}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;margin:0 0 2rem;color:#333;letter-spacing:-.01em}.hero-description{font-size:1.125rem;line-height:1.7;color:#666;max-width:600px;margin:0 auto;font-weight:400}.portfolio{padding:1rem 0}.portfolio h2{text-align:center;font-size:2.5rem;font-weight:300;margin:0 0 3rem;color:#1a1a1a;letter-spacing:-.02em}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto}.portfolio-item{position:relative;padding:2.5rem 2rem;border:3px solid #1a1a1a;border-radius:8px;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8fafc);overflow:hidden}.portfolio-item:hover{transform:translateY(-8px);border-color:#1a1a1a}.portfolio-item:nth-child(1):hover{border-color:#1a1a1a}.portfolio-item:nth-child(2):hover{border-color:#1a1a1a}.portfolio-item:nth-child(3):hover{border-color:#1a1a1a}.portfolio-item h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1a1a1a}.portfolio-item p{color:#666;line-height:1.6;margin:0}.footer{padding:2rem 0;text-align:center;border-top:1px solid #e5e5e5;margin-top:4rem}.footer p{color:#999;font-size:.875rem;margin:0}@media (prefers-color-scheme: dark){.logo,.hero-title,.portfolio h2,.portfolio-item h3{color:#ffffffe6}.design-accent{background:linear-gradient(135deg,#ff8a8a,#ffe066,#7dd87f,#5ee0d6,#66c3e0,#a8d5ba);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.hero-subtitle{color:#fffc}.hero-description,.portfolio-item p,.nav-links a{color:#fff9}.nav-links a:hover{color:#ffffffe6}.portfolio-item{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #ffffff}.portfolio-item:hover{border-color:#fff}.footer{border-top-color:#333}.footer p{color:#fff6}}@media (max-width: 768px){.landing-page{padding:0 1rem}.nav{flex-direction:column;gap:1rem;text-align:center}.nav-links{gap:1.5rem}.hero{padding:2rem 0}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.portfolio-item{padding:1.5rem}}