.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.aurora-container{width:100%;height:100%}
.particle-container{isolation:isolate;transition:transform .1s ease-out}.particle{pointer-events:none;filter:blur(1px)}.global-spotlight{mix-blend-mode:screen;will-change:left, top, opacity}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;background:#120f17;border:1px solid #ffffff0d;border-radius:32px;transition:border-color .3s,background-color .3s;position:relative;overflow:hidden}.magic-bento-card:after{content:"";z-index:1;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), .15) 0%, transparent 70%);opacity:var(--glow-intensity);pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.magic-bento-card--border-glow:hover{border-color:rgba(var(--glow-color), .3)}.magic-bento-card__header{z-index:2;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex;position:relative}.magic-bento-card__label{letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--glow-color), .8);background:rgba(var(--glow-color), .1);border:1px solid rgba(var(--glow-color), .2);border-radius:999px;padding:.25rem .75rem;font-family:monospace;font-size:.7rem;font-weight:700}.magic-bento-card__content{z-index:2;padding:1.5rem;position:relative}.magic-bento-card__title{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.magic-bento-card__description{color:#ffffff80;font-size:.9rem;line-height:1.6}.magic-bento-card--text-autohide .magic-bento-card__description{opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1);transform:translateY(10px)}.magic-bento-card--text-autohide:hover .magic-bento-card__description{opacity:.7;transform:translateY(0)}.magic-bento-card:hover{background-color:#ffffff05}
.border-glow-card{border-radius:var(--border-radius);background:var(--glow-color-10);isolation:isolate;--cursor-angle:0deg;--edge-proximity:0;padding:1px;transition:background .3s;position:relative;overflow:visible}.border-glow-inner{z-index:2;background:var(--card-bg);border-radius:calc(var(--border-radius) - 1px);width:100%;height:100%;position:relative;overflow:hidden}.edge-light{z-index:1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--cursor-angle) at center, transparent 0deg, var(--glow-color) calc(var(--cone-spread) * -1deg), var(--glow-color) var(--cone-spread), transparent 45deg);filter:blur(2px);opacity:calc(var(--edge-proximity) / 100);transition:opacity .3s;position:absolute;inset:0}.border-glow-card:before{content:"";inset:calc(var(--glow-padding) * -1);z-index:-1;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--glow-color-40) 0%, transparent 70%);background:conic-gradient(from var(--cursor-angle) at center, transparent 0deg, var(--glow-color-30) calc(var(--cone-spread) * -2deg), var(--glow-color-30) calc(var(--cone-spread) * 2deg), transparent 90deg);filter:blur(var(--glow-padding));opacity:calc(var(--edge-proximity) / 150);pointer-events:none;transition:opacity .5s;position:absolute}.sweep-active .edge-light{transition:none}.border-glow-card.with-gradients .border-glow-inner{background:var(--gradient-base)}