body{background:#f7f6f1;color:#18333a;font:17px/1.6 Segoe UI,Arial;margin:0}main{max-width:560px;margin:5vh auto;padding:24px}h1{font:42px Georgia}input{display:block;width:100%;box-sizing:border-box;padding:12px;margin:8px 0 20px;border:1px solid #cbd6c6;border-radius:8px;font:18px Arial}button{padding:12px 18px;background:#265f51;color:white;border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.6}a{color:#265f51}#error{color:#a43c34}main{background:white;border:1px solid #e2e5df;border-radius:16px;box-shadow:0 8px 30px #152a360d;padding:32px}h1:before{content:'C';display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;background:#265f51;color:#e0edcd;border-radius:11px;margin-right:12px;font:600 26px/42px Segoe UI}h1{font-size:34px}body{padding:0 16px}button{width:100%}html[data-cd-theme=dark]{color-scheme:dark}html[data-cd-theme=dark] body{background:#0d1412;color:#edf4f0}html[data-cd-theme=dark] main{background:#141d1a;border:1px solid #2a3832;border-radius:16px;box-shadow:0 12px 36px #0005}html[data-cd-theme=dark] input{background:#18231f;color:#edf4f0;border-color:#3b4c45}html[data-cd-theme=dark] a{color:#74c2a5}html[data-cd-theme=dark] #error{color:#f18880}