@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";:root{--bg-color: #020617;--bg-gradient: linear-gradient(135deg, #020617 0%, #0f172a 100%);--surface-color: rgba(15, 23, 42, .7);--surface-hover: rgba(30, 41, 59, .85);--border-color: rgba(167, 139, 250, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #a78bfa;--accent-glow: 0 0 30px rgba(167, 139, 250, .3);--font-family: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app{height:100vh;width:100vw;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.app::-webkit-scrollbar{display:none}section{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:4rem 2rem;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;overflow:hidden}@media(max-width:1024px){section{padding:1.5rem}}a{color:var(--accent-color);text-decoration:none;transition:all .3s ease}h1,h2,h3{line-height:1.1;font-weight:800;letter-spacing:-.04em}.glass-panel{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:1.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;box-shadow:0 10px 30px -10px #00000080}.glass-panel:hover{border-color:#a78bfa66;background:var(--surface-hover);transform:translateY(-5px);box-shadow:0 20px 40px -15px #0009}.container{max-width:1200px;margin:0 auto;width:100%;padding:0 1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid,.contact-grid{grid-template-columns:1fr}section{min-height:100vh;padding:6rem 1.5rem}.app{scroll-snap-type:y proximity;overflow-y:auto}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}