:root{font-family:Inter,system-ui,sans-serif;color:#eaf2ff;background:#07111f}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{width:min(860px,100%);margin:0 auto;padding:48px 20px}.hero{padding:28px;border:1px solid #1f3b5c;border-radius:24px;background:linear-gradient(135deg,#0d2946,#102038)}.eyebrow{color:#7dd3fc;font-size:12px;font-weight:800;letter-spacing:.14em}h1{margin:12px 0;font-size:clamp(2rem,6vw,4rem)}.hero p:not(.eyebrow){color:#b8c7db;max-width:650px;line-height:1.6}.status{display:inline-block;margin-top:14px;padding:8px 12px;border-radius:999px;color:#082f49;background:#7dd3fc;font-size:13px}.panel{margin-top:20px;padding:24px;border:1px solid #20364e;border-radius:20px;background:#0b1728}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-heading span,small{color:#8da5be}.add-form{display:flex;gap:10px;margin:20px 0}input{flex:1;min-width:0;padding:13px;border:1px solid #355273;border-radius:10px;color:#fff;background:#081321}button{padding:13px 20px;border:0;border-radius:10px;color:#06243a;background:#67e8f9;font-weight:800;cursor:pointer}ul{display:grid;gap:10px;padding:0;list-style:none}li{display:flex;justify-content:space-between;gap:12px;padding:15px;border-radius:12px;background:#102237}