@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#0f172a;--color-secondary:#f97316;--color-tertiary:#10b981;--color-bg-light:#f8fafc;--color-bg-white:#fff;--color-text-dark:#0f172a;--color-text-muted:#64748b;--color-text-light:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-light);max-width:100vw;color:var(--color-text-dark);font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.floating-nav{z-index:100;-webkit-backdrop-filter:blur(20px);justifyContent:space-between;alignItems:center;background:#ffffffd9;border:1px solid #0000000d;border-radius:100px;width:95%;max-width:1000px;padding:10px 25px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0000000d}.nav-link{color:var(--color-text-dark);border-radius:100px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.nav-link:hover{color:var(--color-secondary);background-color:#00000008}.btn-primary{background-color:var(--color-primary);color:#fff;border:2px solid #0000;border-radius:100px;align-items:center;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex;box-shadow:0 4px 14px #0f172a33}.btn-primary:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a4d}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:20px;max-width:1400px;margin:0 auto;padding:40px;display:grid}.bento-card{cursor:pointer;background:#fff;border:1px solid #0000000a;border-radius:32px;flex-direction:column;padding:40px;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.bento-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.bento-card:before{content:"";opacity:0;background:linear-gradient(135deg,#f973160d 0%,#0000 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.bento-card:hover:before{opacity:1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.row-span-2{grid-row:span 2}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.span-3,.span-4{grid-column:span 2}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:span 1}.row-span-2{grid-row:span 1}}