html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#020617;color:#e2e8f0;background-image:radial-gradient(ellipse at top,#1e293b,#0f172a,#020617);background-attachment:fixed}.font-display{font-family:Inter,sans-serif;font-weight:700}.font-mono{font-family:Roboto Mono,monospace}.text-glow{text-shadow:0 0 8px rgba(167,139,250,.5),0 0 20px rgba(167,139,250,.3)}.card-bordered{position:relative;background:#0f172abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:.75rem;z-index:1}.card-bordered:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(400px at var(--mouse-x, 0px) var(--mouse-y, 0px),rgba(168,85,247,.3),transparent 80%);z-index:-1;opacity:0;transition:opacity .2s ease-out}.card-bordered:hover:before{opacity:1}.card-filled{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:1rem;border-radius:.75rem;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;transition:transform .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}.card-filled:hover{transform:translateY(-4px);border-color:#4f46e5;box-shadow:0 0 20px #4f46e54d}.box{place-content:center;color:#fff;text-shadow:0 1px 0 #000;--border-angle: 0turn;--main-bg: conic-gradient( from var(--border-angle), #213, #112 5%, #112 60%, #213 95% );border:solid 5px transparent;border-radius:.75rem;--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:center center;-webkit-animation:bg-spin 3s linear infinite;animation:bg-spin 3s linear infinite}@-webkit-keyframes bg-spin{to{--border-angle: 1turn}}@keyframes bg-spin{to{--border-angle: 1turn}}.box:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}
