@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#050505;--text-color:#f5f5f7;--accent-color:#0071e3;--accent-secondary:#6e6e73;--surface-color:#1c1c1e;--header-height:80px;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.glass{-webkit-backdrop-filter:blur(20px);background:#1c1c1eb3;border:1px solid #ffffff1a;border-radius:12px}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:100px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.8s ease-out forwards fadeIn}.header{width:100%;height:var(--header-height);z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 80px;transition:all .3s;display:flex;position:fixed;top:0;left:0}@media (width<=768px){.header{padding:0 20px}.nav{display:none}}.logo{letter-spacing:.1em;color:#fff;font-size:1.1rem;font-weight:800}.nav{letter-spacing:.1em;color:var(--accent-secondary);gap:40px;font-size:.8rem;font-weight:600;display:flex}.nav a{transition:color .3s}.nav a:hover{color:#fff}.header-icons{color:var(--accent-secondary);gap:20px;display:flex}.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{z-index:-1;opacity:.4;object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{text-align:center;z-index:1}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#aaa 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:5rem}.viewer-container{cursor:grab;background:radial-gradient(circle,#111 0%,#050505 100%);border-radius:24px;width:100%;height:600px;margin-top:40px}.viewer-container:active{cursor:grabbing}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.tech-card{background:var(--surface-color);border:1px solid #ffffff0d;border-radius:24px;padding:40px;transition:transform .3s}.tech-card:hover{transform:translateY(-5px)}.tech-card h3{color:var(--accent-color);margin-bottom:15px}.tech-card p{color:var(--accent-secondary)}.code-block{font-family:var(--font-mono);background:#000;border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;padding:20px;font-size:.9rem;overflow-x:auto}footer{text-align:center;color:var(--accent-secondary);border-top:1px solid #ffffff0d;padding:50px 0}