@keyframes heartFloat{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 100px)) rotate(720deg);opacity:0}}.floating-heart{position:fixed;display:flex;flex-direction:column;gap:1px;z-index:9998;pointer-events:none}.heart-row{display:flex;gap:1px}.heart-pixel{width:6px;height:6px;border-radius:1px;background:#f0f;box-shadow:0 0 3px #f0f;transition:opacity .3s ease}:root{--bg-primary: #0a0a0f;--bg-secondary: #111119;--neon-pink: #ff00ff;--neon-cyan: #00ffff;--text-primary: #ffffff;--text-secondary: #b0b0c0;--border: #2a2a35}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}.main-content{flex:1;padding:20px}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--neon-pink)}.btn{display:inline-block;padding:10px 20px;border:2px solid var(--neon-pink);color:var(--neon-pink);background:transparent;border-radius:5px;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn:hover{background:#ff00ff1a;transform:translateY(-2px)}