@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#ea580c;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#fff7ed;--accent-foreground:#c2410c;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#ea580c;--radius:1rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#e2e8f0 1px,#0000 1px);background-size:32px 32px;line-height:1.6}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.hobby-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.nav-links-desktop{align-items:center;gap:24px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--foreground);background:0 0;border:none;padding:8px;display:none}.shad-card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.shad-card:before{content:"";background:linear-gradient(90deg, var(--primary), #ec4899);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.shad-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shad-card:hover:before{opacity:1}.shad-badge{border-radius:9999px;align-items:center;padding:6px 14px;font-size:.75rem;font-weight:600;line-height:1;transition:all .2s ease-in-out;display:inline-flex}.shad-badge-primary{background-color:var(--accent);color:var(--accent-foreground);border:1px solid #ffedd5}.shad-badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.shad-badge-secondary:hover{background-color:#e2e8f0}.shad-btn-primary{background:linear-gradient(135deg, var(--primary), #c2410c);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #ea580c33}.shad-btn-primary:hover{transform:scale(1.02);box-shadow:0 10px 15px -3px #ea580c4d}.shad-btn-outline{color:var(--foreground);border:2px solid var(--border);cursor:pointer;background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.shad-btn-outline:hover{background-color:var(--secondary);border-color:#cbd5e1}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:40px}.services-grid{grid-template-columns:repeat(2,1fr)}.projects-grid,.hobby-grid{grid-template-columns:1fr}}@media (width<=640px){.services-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem!important}.nav-links-desktop{display:none}.mobile-menu-btn{display:block}.cta-box{padding:32px 20px!important}}