html,body{margin:0;padding:0;width:100%;height:100%}#app{min-height:100vh;width:100%;display:flex;flex-direction:column;background-color:var(--bg-body);color:var(--color-text-main);font-family:var(--font-family-base);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}a:hover{color:var(--primary)}button,input,select,textarea{font-family:inherit}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--color-primary-rgb: 204, 255, 0;--color-secondary-rgb: 138, 43, 226;--color-accent-rgb: 255, 0, 85;--color-info-rgb: 0, 240, 255;--color-bg-rgb: 5, 5, 5;--color-surface-rgb: 18, 18, 20;--color-surface-light-rgb: 30, 30, 35;--color-text-main: #ffffff;--color-text-muted: #888888;--primary: rgb(var(--color-primary-rgb));--secondary: rgb(var(--color-secondary-rgb));--accent: rgb(var(--color-accent-rgb));--info: rgb(var(--color-info-rgb));--bg-body: rgb(var(--color-bg-rgb));--bg-surface: rgb(var(--color-surface-rgb));--bg-surface-light: rgb(var(--color-surface-light-rgb));--border-color: rgba(255, 255, 255, .1);--border-color-hover: var(--primary);--glow-primary: 0 0 20px rgba(var(--color-primary-rgb), .4);--glow-accent: 0 0 20px rgba(var(--color-accent-rgb), .4);--glow-text: 0 0 10px rgba(var(--color-primary-rgb), .6);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s cubic-bezier(.25, .46, .45, .94);--transition-normal: .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce: .5s cubic-bezier(.175, .885, .32, 1.275);--radius-sm: 4px;--radius-md: 12px;--radius-lg: 24px}body{background-color:var(--bg-body);color:var(--color-text-main);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-weight:700;font-size:1rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--primary);color:#000;box-shadow:0 4px #fff3 inset,0 -4px #0000001a inset}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.6)}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--color-text-main)}.btn-ghost:hover{border-color:var(--color-text-main);background:#ffffff0d}.input-field{width:100%;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-size:1rem;transition:var(--transition-normal);outline:none}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.1);background:var(--bg-surface-light)}.acid-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:var(--transition-normal);position:relative}.acid-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--glow-primary);z-index:1}