:root{--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-hover-bg:hsla(0,0%,100%,.1);--glass-hover-border:hsla(0,0%,100%,.2);--star-opacity:0.1;--symbol-opacity:0.08;--rune-opacity:0.12;--pulse-duration:4s;--float-duration:8s;--gradient-shift-duration:6s}.glass-card{border-radius:1rem;border-width:1px;border-color:hsla(0,0%,100%,.1);background-color:hsla(0,0%,100%,.05);--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.glass-card:hover{border-color:hsla(0,0%,100%,.12);background-color:hsla(0,0%,100%,.07)}.glass-card-static{border-radius:1rem;border-width:1px;border-color:hsla(0,0%,100%,.1);background-color:hsla(0,0%,100%,.05);--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass-button{border-width:1px;border-color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.1);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.glass-button:hover{background-color:hsla(0,0%,100%,.2)}.glass-button{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.glass-button:hover{border-color:hsla(0,0%,100%,.3)}.glass-button-primary{border-width:0;background-color:rgba(59,130,246,.3);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.glass-button-primary:hover{background-color:rgba(59,130,246,.4)}.glass-button-primary{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.glass-button-primary:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mystical-background{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(30,58,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift var(--gradient-shift-duration) ease infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}}.animate-float{animation:float var(--float-duration) ease-in-out infinite}.glass-text{text-shadow:0 0 20px hsla(0,0%,100%,.1);backdrop-filter:blur(1px)}.magical-orb{border-radius:50%;filter:blur(40px);animation:pulse var(--pulse-duration) ease-in-out infinite}.constellation-star{filter:drop-shadow(0 0 4px rgba(96,165,250,.3))}.constellation-line{stroke-dasharray:2,2;animation:dash 8s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}.mystical-symbol{text-shadow:0 0 10px hsla(0,0%,100%,.05);filter:blur(.3px);backdrop-filter:blur(1px)}.floating-rune{text-shadow:0 0 12px hsla(0,0%,100%,.04);filter:blur(.5px);backdrop-filter:blur(1px)}.glass-interactive{cursor:pointer;transition:all .3s ease}.glass-interactive:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.glass-tabs{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1)}.glass-tab-trigger{color:hsla(0,0%,100%,.7);transition:all .3s ease}.glass-tab-trigger[data-state=active]{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9)}.glass-badge{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}@keyframes badge-gradient-flow{0%{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}to{background-position:0 0,0 50%}}.badge-gradient-flow{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;border:1px solid transparent;border-radius:9999px;z-index:10;overflow:hidden;color:#fff;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.1)}.badge-gradient-flow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(90deg,rgba(34,211,238,0),rgba(34,211,238,.5) 25%,#fff 50%,rgba(56,189,248,.5) 75%,rgba(34,211,238,0));background-size:200% auto;animation:badge-gradient-flow 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-scrollbar::-webkit-scrollbar{width:6px}.glass-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.glass-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (max-width:768px){.glass-card{padding:1rem}.mystical-background{background-attachment:scroll}.magical-orb{filter:blur(20px)}}@media (prefers-color-scheme:dark){:root{--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1)}}@media (prefers-contrast:high){:root{--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.3)}.glass-text{text-shadow:0 0 2px hsla(0,0%,100%,.8)}}@media (prefers-reduced-motion:reduce){.animate-float,.animate-gradient-shift,.animate-pulse,.constellation-line{animation:none}.glass-interactive{transition:none}}