*{box-sizing:border-box}html{background:#071b29}body{margin:0;min-height:100vh;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#edf6fa;background:radial-gradient(ellipse at 90% 0%,#13485b 0,transparent 45%),linear-gradient(140deg,#081b2b,#0d2938 75%)}a{color:#b3ff35}a:hover{color:#d6ff91}.topbar{max-width:1120px;margin:22px auto 0;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0a2030;border:1px solid #28495b;border-radius:18px}.brand{font-size:30px;font-weight:850;letter-spacing:-1.6px;color:#b3ff35;text-decoration:none;line-height:1}.brand span{color:#fff}.brand small{font-size:21px;font-weight:550;color:#b7cbd5;letter-spacing:-1px}nav{display:flex;gap:20px}nav a{color:#d7e9f0;font-weight:650;text-decoration:none}main{max-width:1030px;margin:44px auto 60px;padding:0 20px;min-height:60vh}.hero{margin:0 0 30px}.eyebrow{color:#b3ff35;font-size:12px;letter-spacing:.15em;font-weight:850}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.06;letter-spacing:-2.4px;margin:14px 0}.hero h1 em{color:#b3ff35;font-style:normal}.hero p{color:#b9ceda;font-size:18px;margin:12px 0 0}.panel{background:#0b2434;border:1px solid #315367;padding:34px;border-radius:22px;box-shadow:0 16px 45px #0003;margin-bottom:24px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px;line-height:1.16;margin:0 0 16px}h2{font-size:25px;letter-spacing:-.5px;margin:0 0 18px}p{margin:12px 0 20px}label{display:block;font-weight:650;margin:15px 0 4px}input[type=text],input[type=url],input[type=password],select,textarea{font:inherit;width:100%;padding:13px 15px;border:1px solid #406075;border-radius:11px;margin:8px 0 12px;background:#102f41;color:#fff}input::placeholder{color:#9cb6c4}input:focus,select:focus,textarea:focus{outline:3px solid #b3ff3560;border-color:#b3ff35}input[type=checkbox]{accent-color:#b3ff35}button{font:inherit;font-weight:750;background:#b3ff35;color:#081b29;border:0;border-radius:11px;padding:13px 20px;cursor:pointer}button:hover{background:#d1ff83}.create-button{width:100%;font-size:17px;margin-top:16px;padding:16px}.muted,.fineprint{color:#a8c0cd}.fineprint{font-size:13px;margin:18px 0 0}.err,.ok{padding:12px 16px;border-radius:10px;font-weight:650}.err{color:#ffb6aa;background:#5b2024}.ok{color:#b3ff35;background:#1b4532}.inline{display:inline}small{font-size:13px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.benefits{display:flex;gap:28px;flex-wrap:wrap;color:#b8d2dc;font-size:14px}footer{max-width:1120px;margin:0 auto 20px;padding:20px 28px;display:flex;justify-content:space-between;gap:16px;color:#91adbc;font-size:14px;border-top:1px solid #244253}footer a{color:#b3ff35}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #2c485a;padding:12px 10px;text-align:left;overflow-wrap:anywhere}th{color:#a8c0cd;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.scroll{overflow-x:auto}.verify{background:#071b2b;border:1px solid #305064;border-radius:15px;padding:18px;margin:20px 0}.verify-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.verify-heading span{color:#aac4d1;font-size:13px}.puzzle-scene{height:150px;position:relative;overflow:hidden;border-radius:12px;margin:14px 0;background:linear-gradient(180deg,#21516b,#3e8595 67%,#173f53)}.puzzle-hills{position:absolute;inset:0;background:linear-gradient(155deg,transparent 42%,#164256 43% 65%,transparent 66%),linear-gradient(25deg,transparent 48%,#28647a 49% 70%,transparent 71%)}.puzzle-gap,.puzzle-piece{position:absolute;top:53px;width:38px;height:40px;transform:translateX(-50%);clip-path:polygon(0 0,37% 0,37% 12%,63% 12%,63% 0,100% 0,100% 40%,88% 40%,88% 62%,100% 62%,100% 100%,0 100%,0 62%,12% 62%,12% 40%,0 40%)}.puzzle-gap{background:#082433b8;outline:2px solid white}.puzzle-piece{left:0;background:#b3ff35;border:2px solid white;filter:drop-shadow(0 2px 4px #0009)}.slider-label{font-size:13px;color:#b8d2dc}.verify input[type=range]{display:block;width:100%;accent-color:#b3ff35;cursor:grab;margin:12px 0}.verify-status{font-size:13px;color:#adc6d1;margin:8px 0}.verify-status.verified{color:#b3ff35}.text-button{background:none;color:#b3ff35;border:0;padding:3px 0;font-size:13px;text-decoration:underline;box-shadow:none}.text-button:hover{background:none;color:#d1ff83}.question-fallback[hidden]{display:none}@media(max-width:650px){.topbar{margin:10px 10px 0;padding:16px}.brand{font-size:26px}main{margin:25px auto 45px;padding:0 12px}.panel{padding:20px}.hero h1{letter-spacing:-1.5px}footer{padding:15px;flex-direction:column}.benefits{gap:12px}}

/* v1.6.1: compact verification panel */
.verify{max-width:640px;margin:16px auto;padding:14px 16px}
.puzzle-scene{height:96px;margin:10px 0 8px}
.puzzle-gap,.puzzle-piece{top:28px;width:32px;height:34px}
.verify .slider-label{margin:7px 0 2px}
.verify input[type=range]{margin:6px 0}
.verify-status{margin:4px 0 0}
@media(max-width:650px){.verify{padding:12px}.puzzle-scene{height:88px}.puzzle-gap,.puzzle-piece{top:25px}}

/* v1.6.2: direct drag puzzle, no range slider */
.puzzle-scene{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.puzzle-piece{left:5%;cursor:grab;touch-action:none;z-index:2;outline-offset:4px;filter:drop-shadow(0 2px 4px #0009)}
.puzzle-piece:active,.puzzle-piece.dragging{cursor:grabbing}
.puzzle-piece:focus-visible{outline:3px solid #fff}
.puzzle-piece.solved{background:#d3ff89;cursor:default}
.puzzle-piece.returning{transition:left .22s ease-out}
.puzzle-gap{pointer-events:none}

/* v1.6.3: free 2D dragging within the compact scene */
.puzzle-scene{touch-action:none}
.puzzle-gap,.puzzle-piece{top:50%;transform:translate(-50%,-50%)}
.puzzle-piece{left:5%}
.puzzle-piece.returning{transition:left .22s ease-out,top .22s ease-out}
