:root{--neon-pink: #FF00FF;--neon-blue: #00FFFF;--bg-dark: #1a0033;--card-bg: #2d0059;--text-color: #ffffff;--border-weight: 4px}*{box-sizing:border-box;margin:0;padding:0;font-family:Courier New,Courier,monospace}body{background:var(--bg-dark);color:var(--text-color);padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh;background-image:linear-gradient(180deg,#1a0033,#3d004d)}header{margin-bottom:2rem;border-bottom:var(--border-weight) solid var(--neon-pink);padding-bottom:1rem}header h1{font-size:3rem;text-shadow:4px 4px 0px var(--neon-blue);letter-spacing:5px}.converter-card{background:var(--card-bg);padding:2rem;border:var(--border-weight) solid var(--neon-pink);box-shadow:10px 10px 0 var(--neon-blue);width:100%;max-width:500px}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}label{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--neon-blue);text-transform:uppercase}select,input{padding:1rem;border:var(--border-weight) solid var(--neon-blue);background:#000;color:#fff;font-size:1.2rem;width:100%;outline:none}select:focus,input:focus{border-color:var(--neon-pink)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-area{margin-top:1rem;padding:2rem;background:#000;border:var(--border-weight) dashed var(--neon-pink);text-align:center}#resultValue{font-size:3rem;font-weight:900;color:var(--neon-blue);display:block;text-shadow:2px 2px 0px var(--neon-pink)}#resultLabel{color:var(--neon-pink);font-size:1.5rem;text-transform:uppercase;font-weight:700}
