*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #000000;--color-text-primary: #FFFFFF;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280;--color-primary: #a855f7;--color-primary-light: #d8b4fe;--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--spacing-section-py: 5rem;--spacing-section-px: 1.5rem;--max-width: 1600px;--zoom-scale: clamp(1, calc(100vw / var(--max-width)), 1.6)}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}body{zoom:var(--zoom-scale);width:100%;min-height:100vh;overflow-x:hidden}section{width:100%}section.full-height{height:calc(100vh / var(--zoom-scale));max-height:calc(100vh / var(--zoom-scale))}.glass-card{background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.glass-card:hover{background:#ffffff0a;border-color:#a855f726}html{scroll-behavior:smooth}::selection{background:#a855f766;color:#fff}a:focus-visible,button:focus-visible{outline:2px solid rgba(168,85,247,.5);outline-offset:2px}.gradient-text{background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-purple{box-shadow:0 0 40px #a855f726}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.circle,.bg-circle{position:absolute;width:40px;height:40px;border:solid 2px rgba(204,204,204,.767);border-radius:50%;background-color:#ffffff4d;-webkit-backdrop-filter:hue-rotate(90deg);backdrop-filter:hue-rotate(90deg);transition:.2s;z-index:9999;pointer-events:none;transform:translate(-50%,-50%)}.bg-circle{background-color:#ffffff40;border:none;z-index:9998}.circle:hover,.bg-circle:hover{transform:scale(1.5)}.circle.hover{border-color:#a855f7;background-color:#a855f780;transform:scale(1.5)}.bg-circle.hover{background-color:#a855f74d;transform:scale(1.5)}.mouseHover{position:relative;cursor:pointer}