@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:0 0% 2%;--bg-surface:0 0% 8%;--text-main:0 0% 98%;--text-muted:0 0% 65%;--accent-primary:250 100% 65%;--accent-secondary:190 100% 50%;--accent-glow:#6a4cff26;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@keyframes moveGrid{0%{background-position:top,0 0,0 0}to{background-position:top,0 40px,0 40px}}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-main));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% -20%, #c44cff26 0%, transparent 50%), linear-gradient(hsla(var(--text-main), .04) 1px, transparent 1px), linear-gradient(90deg, hsla(var(--text-main), .04) 1px, transparent 1px);background-position:top,0 0,0 0;background-size:100% 100%,40px 40px,40px 40px;min-height:100vh;line-height:1.5;animation:5s linear infinite moveGrid;overflow-x:hidden}.bg-glow{filter:blur(120px);z-index:-10;opacity:.4;pointer-events:none;border-radius:50%;position:fixed}.bg-glow-1{background:radial-gradient(circle, hsla(var(--accent-primary), .3) 0%, transparent 70%);width:40vw;height:40vw;animation:25s ease-in-out infinite alternate floatOrb;top:-10%;left:-10%}.bg-glow-2{background:radial-gradient(circle, hsla(var(--accent-secondary), .3) 0%, transparent 70%);width:35vw;height:35vw;animation:20s ease-in-out infinite alternate-reverse floatOrb;bottom:-10%;right:-10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}33%{transform:translate(10%,5%)scale(1.1)}66%{transform:translate(-5%,15%)scale(.9)}to{transform:translate(15%,-10%)scale(1.05)}}.bento-card{background-color:hsl(var(--bg-surface));border:1px solid hsla(var(--text-main), .1);box-shadow:0 10px 40px #000c, inset 0 1px 0 hsla(var(--text-main), .05);z-index:1;border-radius:16px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative;overflow:hidden}.bento-card:before{content:"";border-radius:inherit;background:var(--bento-glow,linear-gradient(135deg, hsl(var(--accent-primary)), hsl(var(--accent-secondary))));-webkit-mask-composite:xor;opacity:0;z-index:-1;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:after{content:"";border-radius:inherit;background:var(--bento-glow,linear-gradient(135deg, hsl(var(--accent-primary)), hsl(var(--accent-secondary))));opacity:0;filter:blur(24px);z-index:-2;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.bento-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #000000e6}.bento-card:hover:before{opacity:1}.bento-card:hover:after{opacity:.15}.text-gradient{background:linear-gradient(135deg, hsl(var(--accent-primary)), hsl(var(--accent-secondary)));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hover-text-primary:hover{color:hsl(var(--accent-primary))!important}.hover-text-white:hover{color:hsl(var(--text-main))!important}a{color:inherit;transition:color var(--transition);text-decoration:none}a:hover{color:hsl(var(--accent-secondary))}.btn{transition:all var(--transition);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--accent-primary)), hsl(var(--accent-secondary)));color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #6a4cff4d}.btn-outline{border:1px solid hsla(var(--text-main), .1);color:hsl(var(--text-main));background:0 0}.btn-outline:hover{background:hsla(var(--text-main), .05);border-color:hsla(var(--text-main), .2)}.mobile-only{display:none!important}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}