:root{--bg-color: #0d0d0d;--text-color: #ffffff;--pane-bg: #1a1a1a;--primary-yellow: #f3e600;--primary-pink: #ff0099;--accent-cyan: #00f3e6;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);overflow:hidden;height:100vh}.container{display:flex;width:100vw;height:100vh;position:relative}.split-pane{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:all .3s ease;position:relative}.left-pane{background:radial-gradient(circle at top left,#1a1a1a,#000);border-right:1px solid var(--glass-border)}.right-pane{background:radial-gradient(circle at bottom right,#1a1a1a,#000)}.content{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:24px;border:1px solid var(--glass-border);text-align:center;width:100%;max-width:400px;box-shadow:0 8px 32px #0000005e;display:flex;flex-direction:column;gap:1.5rem}h1{font-size:2.5rem;line-height:1;margin:0;letter-spacing:-.05em;text-transform:uppercase;font-weight:800}.highlight{color:var(--primary-yellow);text-shadow:0 0 20px rgba(243,230,0,.3)}.highlight.pink{color:var(--primary-pink);text-shadow:0 0 20px rgba(255,0,153,.3)}.description{opacity:.6;font-size:.9rem;margin-top:-.5rem}.preview-area{width:100%;height:200px;background:#0000004d;border-radius:12px;border:2px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.placeholder{color:#fff3;font-size:.8rem;pointer-events:none}.upload-area{width:100%}.btn{display:inline-block;padding:12px 24px;border-radius:50px;font-weight:600;text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none;letter-spacing:.05em;width:100%;box-sizing:border-box}.btn.primary{background:var(--primary-yellow);color:#000;box-shadow:0 4px 15px #f3e6004d}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f3e60080}.btn.primary:active{transform:translateY(0)}.btn.primary.pink{background:var(--primary-pink);color:#fff;box-shadow:0 4px 15px #ff00994d}.btn.primary.pink:hover{box-shadow:0 8px 25px #ff009980}.btn.secondary{background:transparent;border:1px solid var(--glass-border);color:#fff}.btn.secondary:hover:not(:disabled){border-color:var(--primary-yellow);color:var(--primary-yellow)}.btn.secondary.pink:hover:not(:disabled){border-color:var(--primary-pink);color:var(--primary-pink)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.branding{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-weight:700;opacity:.3;font-size:.8rem;pointer-events:none;animation:fadePulse 3s infinite}@keyframes fadePulse{0%,to{opacity:.3}50%{opacity:.6}}.highlight{color:var(--primary-yellow);text-shadow:0 0 20px rgba(243,230,0,.3);display:inline-block;animation:glow 2s ease-in-out infinite alternate}.highlight.pink{color:var(--primary-pink);text-shadow:0 0 20px rgba(255,0,153,.3);animation:glowPink 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(243,230,0,.3)}to{text-shadow:0 0 30px rgba(243,230,0,.6),0 0 10px rgba(243,230,0,.6)}}@keyframes glowPink{0%{text-shadow:0 0 20px rgba(255,0,153,.3)}to{text-shadow:0 0 30px rgba(255,0,153,.6),0 0 10px rgba(255,0,153,.6)}}.stats{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}