*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#f1f5f9;font-family:Arial,sans-serif}.container{max-width:1100px;margin:auto;padding:24px}header{text-align:center;padding:35px 0}h1{font-size:42px;margin:0}h1 span{color:#3b82f6}.note,header p{color:#94a3b8}nav{display:flex;gap:10px;margin:30px 0;flex-wrap:wrap}button{border:0;border-radius:8px;padding:12px 18px;cursor:pointer;background:#1e293b;color:white}.primary,button.active{background:#2563eb}.panel{background:#151f32;padding:28px;border-radius:14px;min-height:300px}input{display:block;width:100%;padding:14px;margin:20px 0;background:#0b1220;border:1px solid #334155;border-radius:8px;color:white;font-size:16px}footer{text-align:center;color:#64748b;margin-top:60px}