:root{--accent: #f59e0b;--bg: #ffffff;--text: #0b0b0b;--f-display: "Outfit", sans-serif;--f-grotesk: "Space Grotesk", sans-serif;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05)}.dark{--bg: #0b0b0b;--text: #f0f0f0;--glass: rgba(10, 10, 10, .8);--glass-border: rgba(255, 255, 255, .1)}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden;selection-background-color:var(--accent);selection-color:#fff;cursor:default;transition:background-color .4s ease,color .4s ease}.theme-transition,.theme-transition *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.font-display{font-family:var(--f-display)}.font-grotesk{font-family:var(--f-grotesk)}.bento-card{background:var(--bg);border:1px solid var(--glass-border);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.dark .bento-card{border-color:#ffffff1a}.bento-card:hover{border-color:var(--accent);box-shadow:0 30px 60px #0000000d;transform:translateY(-5px)}.glass{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.glass-dark{background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.text-outline{-webkit-text-stroke:1px rgba(0,0,0,.1);color:transparent}.bg-brutal{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.02) 1px,transparent 0);background-size:30px 30px}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}