:root{--orange:#e86327;--green:#173f35;--ivory:#fffaf3;--peach:#f8dfd2;--line:#eadfd5}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--green);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.page-shell{min-height:100vh;overflow:hidden;position:relative;padding-bottom:50px;background:radial-gradient(circle at 8% 35%,rgba(232,99,39,.08) 0 8px,transparent 9px),radial-gradient(circle at 92% 68%,rgba(23,63,53,.08) 0 6px,transparent 7px)}.page-shell:before,.page-shell:after{content:"";position:absolute;width:470px;height:470px;border:26px solid rgba(232,99,39,.08);border-radius:50%;z-index:0}.page-shell:before{left:-330px;top:250px}.page-shell:after{right:-360px;top:290px}.topbar{height:86px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,99,39,.22);position:relative;z-index:1}.brand{font-size:34px;font-weight:800;letter-spacing:-1.7px}.brand span,h1 span{color:var(--orange)}.opening-badge{border:1px solid var(--orange);color:var(--orange);border-radius:999px;padding:12px 20px;font-weight:700}.quiz-card{position:relative;z-index:1;width:min(850px,calc(100% - 36px));margin:28px auto 0;background:rgba(255,255,255,.94);border-radius:24px;box-shadow:0 16px 50px rgba(59,44,32,.12);padding:30px 34px 24px}.hero-copy{display:grid;grid-template-columns:1.45fr .8fr;gap:30px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--orange);margin:0 0 8px}h1{font-size:48px;line-height:1;margin:0 0 12px;letter-spacing:-2px}.intro{margin:0;color:#38564e;line-height:1.5;font-size:16px}.facts{display:flex;align-items:center;gap:12px;margin-top:15px;font-weight:800}.facts i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.reformer{height:130px;position:relative}.sun{position:absolute;width:92px;height:92px;border-radius:50%;background:var(--peach);left:58px;top:5px}.bed{position:absolute;left:15px;right:3px;bottom:29px;height:14px;border:4px solid var(--green);border-radius:4px}.leg{position:absolute;bottom:0;width:4px;height:32px;background:var(--green)}.leg-a{left:28px;transform:rotate(8deg)}.leg-b{right:18px;transform:rotate(-8deg)}.person{position:absolute;width:65px;height:48px;border:5px solid var(--green);border-top-color:transparent;border-radius:50%;left:70px;bottom:43px;transform:rotate(-14deg)}form{padding-top:22px}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.identity-grid label,.admin-login label{font-size:14px;font-weight:800}.identity-grid input,.admin-login input{display:block;width:100%;margin-top:7px;border:1px solid #cfc4b9;border-radius:12px;padding:13px 15px;outline:none;color:var(--green);background:white}.identity-grid input:focus,.admin-login input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,99,39,.12)}.identity-grid input:disabled{background:#faf6f1}.question-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:22px 0 18px}.question-head strong{font-size:14px}.question-head small{font-weight:800}.progress{height:7px;background:var(--peach);border-radius:999px;overflow:hidden}.progress span{height:100%;display:block;background:var(--orange);border-radius:inherit}fieldset{border:0;padding:0;margin:0}legend{font-size:23px;font-weight:800;line-height:1.25;margin-bottom:15px}.choices{display:grid;gap:9px}.choice{display:flex;align-items:center;min-height:54px;border:1px solid #d9d3cd;border-radius:13px;padding:11px 15px;cursor:pointer;color:#243e37}.choice.selected{border:2px solid var(--orange);padding:10px 14px;background:#fff8f4}.choice input{position:absolute;opacity:0}.radio{width:23px;height:23px;flex:0 0 23px;border:2px solid #8c928f;border-radius:50%;margin-right:13px;position:relative}.selected .radio{border-color:var(--orange)}.selected .radio:after{content:"";position:absolute;inset:4px;background:var(--orange);border-radius:50%}.primary{width:100%;margin-top:18px;border:0;border-radius:13px;background:var(--orange);color:white;min-height:55px;font-weight:800;font-size:18px;cursor:pointer;box-shadow:0 8px 18px rgba(232,99,39,.22)}.primary span{margin-left:12px}.primary:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.privacy{text-align:center;font-size:11px;color:#73827e;margin:12px 0 0}.error{color:#a13727;background:#fff0ec;border-radius:9px;padding:10px;font-size:13px}.success-shell{display:grid;place-items:center;padding:30px}.success-card{position:relative;z-index:1;max-width:570px;background:white;border-radius:26px;padding:55px;text-align:center;box-shadow:0 16px 50px rgba(59,44,32,.12)}.success-mark{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:var(--green);color:white;font-size:38px}.success-card h1{font-size:42px}.admin-shell{min-height:100vh;background:var(--ivory);padding:45px 20px}.admin-card{max-width:1000px;margin:auto;background:white;border-radius:24px;padding:30px;box-shadow:0 16px 50px rgba(59,44,32,.1)}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-title h1{font-size:38px}.admin-title button,.delete-button{border:1px solid var(--orange);color:var(--orange);background:white;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.delete-button{border-color:#b64a3c;color:#9b3328;padding:8px 11px}.admin-login{max-width:430px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#667871;font-size:12px;text-transform:uppercase}.winner{background:#fffaf6}.winner td:first-child{color:var(--orange);font-weight:900}.empty{text-align:center;padding:35px}.ranking-note{line-height:1.5}
@media(max-width:700px){.topbar{height:68px;padding:0 18px}.brand{font-size:26px}.opening-badge{padding:8px 12px;font-size:12px}.quiz-card{margin-top:14px;padding:22px 18px 18px}.hero-copy{grid-template-columns:1fr}.reformer{display:none}h1{font-size:39px}.intro{font-size:14px}.identity-grid{grid-template-columns:1fr;gap:12px}.question-head{grid-template-columns:1fr auto}.progress{grid-row:2;grid-column:1/3}.question-head small{grid-column:2;grid-row:1}legend{font-size:20px}.choice{font-size:14px}.success-card{padding:40px 24px}.admin-card{padding:22px 16px}.admin-title{align-items:flex-start;flex-direction:column}.admin-title h1{font-size:32px}.admin-title button{width:100%}}
