:root{--ff-bg-dark: #1a1a1a;--ff-bg-panel: #2a2a2a;--ff-text-gold: #d4af37;--ff-text-white: #e0e0e0;--ff-border-gold: #c5a028;--ff-accent-blue: #4a90e2;--ff-accent-red: #e74c3c;--ff-accent-green: #2ecc71;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--border-radius: 4px}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--ff-bg-dark);color:var(--ff-text-white);min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--ff-text-gold);text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:600;margin-bottom:var(--spacing-md)}button{background:linear-gradient(180deg,#4a4a4a,#2a2a2a);border:1px solid var(--ff-border-gold);color:var(--ff-text-white);padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-weight:500;text-shadow:1px 1px 1px rgba(0,0,0,.5)}button:hover{background:linear-gradient(180deg,#5a5a5a,#3a3a3a);box-shadow:0 0 8px #d4af3766}button:active{transform:translateY(1px)}input[type=text]{background:#0000004d;border:1px solid #555;color:var(--ff-text-white);padding:8px 12px;border-radius:var(--border-radius);width:100%;box-sizing:border-box}input[type=text]:focus{border-color:var(--ff-accent-blue);outline:none;box-shadow:0 0 5px #4a90e24d}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.panel{background:#2a2a2ae6;border:1px solid #444;border-top:2px solid var(--ff-border-gold);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 4px 6px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-input{background:#00000080!important;border:1px solid #666!important;font-size:1.1rem;padding:12px 20px!important;width:300px!important;transition:all .3s ease}.hero-input:focus{border-color:var(--ff-text-gold)!important;box-shadow:0 0 15px #d4af374d!important;background:#000c!important}