: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);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.02em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width: 500px){.container{padding:0 1rem}}.glass{background:#18181b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.text-gradient{background:linear-gradient(to right,#f43f5e,#fb7185);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card{position:relative;border-radius:var(--radius);background:linear-gradient(145deg,#1e1e2380,#0f0f1480);border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{border-color:#f43f5e4d;transform:translateY(-5px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(244,63,94,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:0}.feature-card:hover:before{opacity:1}.feature-card>*{position:relative;z-index:1}.glow-primary{box-shadow:0 0 30px #f43f5e4d}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem}@media (max-width: 900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.bento-grid{grid-template-columns:1fr}}.bento-item-1{grid-column:span 1;grid-row:span 2}.bento-item-2{grid-column:span 2;grid-row:span 1}.bento-item-3,.bento-item-4{grid-column:span 1;grid-row:span 1}.bento-item-5{grid-column:span 2;grid-row:span 1}.bento-item-6{grid-column:span 1;grid-row:span 1}@media (max-width: 900px){.bento-item-1,.bento-item-2,.bento-item-3,.bento-item-4,.bento-item-5,.bento-item-6{grid-column:span 1!important;grid-row:span 1!important}}