:root{--background:#09090b;--foreground:#fafafa;--primary:#f43f5e;--primary-foreground:#fff;--card:#18181b;--card-foreground:#fafafa;--border:#27272a;--radius:1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width<=500px){.container{padding:0 1rem}}.glass{-webkit-backdrop-filter:blur(12px);background:#18181b66;border:1px solid #ffffff0d}.text-gradient{background:linear-gradient(90deg,#f43f5e,#fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-card{border-radius:var(--radius);background:linear-gradient(145deg,#1e1e2380 0%,#0f0f1480 100%);border:1px solid #ffffff0d;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:#f43f5e4d;transform:translateY(-5px)}.feature-card:before{content:"";opacity:0;z-index:0;background:radial-gradient(circle at 50% 0,#f43f5e1a 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card>*{z-index:1;position:relative}.glow-primary{box-shadow:0 0 30px #f43f5e4d}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem;display:grid}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}}.bento-item-1{grid-area:span 2/span 1}.bento-item-2{grid-area:span 1/span 2}.bento-item-3,.bento-item-4{grid-area:span 1/span 1}.bento-item-5{grid-area:span 1/span 2}.bento-item-6{grid-area:span 1/span 1}@media (width<=900px){.bento-item-1,.bento-item-2,.bento-item-3,.bento-item-4,.bento-item-5,.bento-item-6{grid-area:span 1/span 1!important}}