:root{color-scheme:light;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:#f4f6fb}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top right,#e8eeff 0%,transparent 35%),radial-gradient(circle at bottom left,#e8fff4 0%,transparent 30%),#f4f6fb}#root>div{max-width:760px;margin:2rem auto;padding:1.5rem;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0f172a14}h1{margin:0 0 1.25rem;font-size:1.8rem;font-weight:700;color:#0b1220}h3{margin:1rem 0 .65rem;font-size:1rem}button,input,select{font:inherit}input,select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem .75rem;background:#fff;color:#0f172a;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}button{border:0;border-radius:10px;padding:.6rem .85rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;cursor:pointer;font-weight:600;transition:transform .12s ease,opacity .12s ease}button:hover{opacity:.95;transform:translateY(-1px)}button:active{transform:translateY(0)}form{margin-top:.9rem}ul{margin:.75rem 0 0}li{margin-bottom:.5rem;border:1px solid #e2e8f0;background:#fbfdff;border-radius:10px;padding:.5rem .6rem}