@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}:root{--bg-dark: #000000;--bg-card: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: #a1a1aa;--gradient-1: linear-gradient(135deg, #ffffff 0%, #71717a 100%);--gradient-2: linear-gradient(to right, #52525b, #18181b);--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.2;font-weight:700}img{max-width:100%;display:block}.hero-section{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative}.hero-title{font-size:4rem;margin-bottom:1rem;letter-spacing:-.05em;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeIn 1s ease-out}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);max-width:600px;animation:fadeIn 1.5s ease-out}.cta-button{margin-top:2rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:var(--gradient-1);border:none;border-radius:15px;color:var(--bg-dark);cursor:pointer;transition:transform .7s,box-shadow .7s;animation:fadeIn 2s ease-out}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #ffffff4d}.projects-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:3rem;margin-bottom:3rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:transform .3s,border-color .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:hover{transform:translateY(-10px);border-color:#ffffff80}.project-title{font-size:1.5rem;margin-bottom:.5rem;background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .4s}.project-title:hover{transform:rotate3d(1,.3,0,15deg)}.project-desc{color:var(--text-secondary);margin-bottom:1.5rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.8rem;padding:.3rem .8rem;color:#fffc;background:#ffffff1a;border-radius:20px}.contact-section{padding:5rem 2rem;text-align:center;margin:4rem auto;max-width:800px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:3rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}