@layer utilities{.bg-glow-orange{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(249,76,16,.15) 0%,transparent 70%)}.bg-noise{position:relative}.bg-noise:after{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:0}.bg-fade-bottom{mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.bento-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.bento-grid>:nth-child(5),.bento-grid>:nth-child(7){grid-column:span 2}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;gap:1.5rem}.bento-grid>:nth-child(1){grid-column:1;grid-row:1}.bento-grid>:nth-child(2){grid-column:2;grid-row:1}.bento-grid>:nth-child(3){grid-column:3;grid-row:1}.bento-grid>:nth-child(4){grid-column:3;grid-row:2}.bento-grid>:nth-child(5){grid-column:1 / 3;grid-row:2}.bento-grid>:nth-child(6){grid-column:1;grid-row:3}.bento-grid>:nth-child(7){grid-column:2 / 4;grid-row:3}}.showcase-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.showcase-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.showcase-grid>:nth-child(1){grid-column:span 2}}@media(min-width:1024px){.showcase-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr 1fr;gap:.75rem}.showcase-grid>:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.showcase-grid>:nth-child(2){grid-column:3;grid-row:1}.showcase-grid>:nth-child(3){grid-column:3;grid-row:2}.showcase-grid>:nth-child(4){grid-column:1;grid-row:3}.showcase-grid>:nth-child(5){grid-column:2;grid-row:3}.showcase-grid>:nth-child(6){grid-column:3;grid-row:3}}.showcase-card-overlay{opacity:0;transition:opacity .45s cubic-bezier(.33,1,.68,1)}.group:hover .showcase-card-overlay{opacity:1}.showcase-card-text{opacity:0;transform:translateY(14px);transition:opacity .4s cubic-bezier(.33,1,.68,1),transform .4s cubic-bezier(.33,1,.68,1)}.group:hover .showcase-card-text{opacity:1;transform:translateY(0)}.group:hover .showcase-stagger-1{transition-delay:.04s}.group:hover .showcase-stagger-2{transition-delay:.09s}.group:hover .showcase-stagger-3{transition-delay:.14s}@media(prefers-reduced-motion:reduce){.showcase-card-overlay,.showcase-card-text{opacity:1;transform:none;transition:none}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.animate-count-up{animation:count-reveal .6s ease-out forwards}@keyframes count-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default)}.glass-card:hover{border-color:var(--color-brand-500);box-shadow:0 0 40px #f94c1014}.browser-frame{border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;transition:border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default)}.browser-frame:hover{border-color:var(--color-brand-500);box-shadow:0 0 40px #f94c1014}[data-bento-card]{isolation:isolate}.float-delay-1{animation-delay:.2s}.float-delay-2{animation-delay:.4s}.float-delay-3{animation-delay:.6s}.float-delay-4{animation-delay:.8s}.float-delay-5{animation-delay:1s}.marquee-row{display:flex;gap:.75rem;animation:marquee 40s linear infinite}.marquee-row-reverse{animation-direction:reverse}.marquee-container:hover .marquee-row{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.theme-playground-preview *{transition:color .4s ease,background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.code-highlight-line{background:#f94c1014;border-left:2px solid var(--color-brand-500)}.category-bento-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.category-bento-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.category-bento-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:1.5rem}}@media(prefers-reduced-motion:reduce){.animate-float{animation:none}.animate-count-up{animation:none;opacity:1}.marquee-row{animation:none}}}