@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Instrument+Sans:ital,wght@0,400;1,400&display=swap";:root{--primary: #2dd4bf;--primary-glow: rgba(45, 212, 191, .4);--secondary: #fbbf24;--bg-dark: #07090d;--bg-surface: #0f1219;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .08);--accent: #6366f1}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;cursor:default}body{font-family:Instrument Sans,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;line-height:1.5;padding:30px}section{border-radius:40px}h1,h2,h3,.font-heading{font-family:Space Grotesk,sans-serif;font-weight:700}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.section{padding:120px 0}.text-glow{color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.title-gradient{background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}nav{position:fixed;top:24px;left:50%;transform:translate(-50%);width:auto;min-width:400px;z-index:1000;padding:12px 24px;background:#0f1219b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:100px;display:flex;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}nav a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0 15px;transition:.3s}nav a:hover,nav a.active{color:var(--primary);cursor:pointer}.nav-btn{background:var(--primary);color:var(--bg-dark)!important;padding:8px 20px;border-radius:100px;font-weight:700;margin-left:10px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding-top:80px}.hero-badge{padding:8px 20px;background:#ffffff08;border:1px solid var(--border);border-radius:100px;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:30px;display:flex;align-items:center;gap:10px}.hero-badge .dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.hero h1{font-size:clamp(3rem,8vw,6rem);line-height:1;margin-bottom:30px;max-width:1000px}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:50px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px;height:600px}.bento-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:32px;padding:40px;position:relative;overflow:hidden;transition:.4s cubic-bezier(.4,0,.2,1)}.bento-card:hover{border-color:var(--primary);background:#2dd4bf05}.bento-1{grid-column:span 2;grid-row:span 2}.bento-2{grid-column:span 2}.bento-3,.bento-4{grid-column:span 1}.bento-card h3{font-size:1.8rem;margin-bottom:15px}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);z-index:-1;opacity:.5}.project-list{display:flex;flex-direction:column;gap:100px}.project-item{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.project-image{position:relative;border-radius:40px;overflow:hidden;aspect-ratio:16/10}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.8s}.project-item:hover .project-image img{transform:scale(1.05)}.project-tag{color:var(--primary);font-weight:700;text-transform:uppercase;font-size:.8rem;margin-bottom:15px;display:block}.btn-main{padding:16px 40px;background:var(--primary);color:var(--bg-dark);border-radius:100px;font-weight:700;text-decoration:none;transition:.3s;display:inline-flex;align-items:center;gap:10px}.btn-main:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--primary-glow)}.reveal{opacity:0;transform:translateY(30px);transition:1s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}@media(max-width:968px){body{padding:10px}nav{min-width:90%;top:15px}.hero h1{font-size:3.5rem}.bento-grid{grid-template-columns:1fr;height:auto}.bento-1,.bento-2,.bento-3,.bento-4{grid-column:span 1;grid-row:span 1}.project-item{grid-template-columns:1fr}.section.container>div{grid-template-columns:1fr!important;gap:40px!important}}