:root{--yellow:#ffd21f;--red:#ef3f2f;--dark:#110d03;--cream:#fff9df}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial;color:#fff;background:var(--dark)}button,input,textarea{font:inherit}.demo-banner{position:relative;z-index:20;padding:10px 18px;text-align:center;color:#241700;background:#ffd21f;font-size:11px;font-weight:900;letter-spacing:.06em}.demo-banner a{margin-left:12px;color:#241700}.page{position:relative;min-height:calc(100vh - 36px);overflow:hidden;background:radial-gradient(circle at 12% 35%,rgba(239,63,47,.24),transparent 28%),radial-gradient(circle at 87% 18%,rgba(255,210,31,.22),transparent 26%),linear-gradient(145deg,#090700,#221700 47%,#130d00)}.glow{position:absolute;border-radius:50%;filter:blur(75px);opacity:.35}.one{width:350px;height:350px;right:-100px;top:-160px;background:var(--yellow)}.two{width:330px;height:330px;left:-150px;bottom:60px;background:var(--red)}.content{position:relative;z-index:2;width:min(900px,calc(100% - 28px));margin:auto;padding:22px 0 35px;text-align:center}.logo{width:165px;height:140px;object-fit:contain}.content h1{margin:5px 0 0;font-size:clamp(2.7rem,7vw,5.5rem);line-height:.95;letter-spacing:-.05em}.sub{color:rgba(255,255,255,.75)}.rating-card{width:min(760px,100%);margin:32px auto;padding:28px 18px;border:1px solid rgba(255,210,31,.5);border-radius:21px;background:rgba(40,28,2,.82);box-shadow:0 18px 45px rgba(0,0,0,.35)}.label{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.18em}.stars{display:flex;justify-content:center;gap:clamp(4px,2vw,18px)}.stars button{border:0;padding:0;color:transparent;background:none;-webkit-text-stroke:2px var(--yellow);font-size:clamp(3rem,8vw,4.7rem);cursor:pointer;transition:.15s}.stars button:hover,.stars button.active{color:var(--yellow);transform:translateY(-4px)}#helper{color:rgba(255,255,255,.62);font-size:14px}footer{display:grid;gap:8px;color:var(--yellow);font-size:12px}footer span{color:rgba(255,255,255,.5)}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}.backdrop{position:absolute;inset:0;background:rgba(5,3,0,.85);backdrop-filter:blur(6px)}.modal-card{position:relative;z-index:1;width:min(520px,100%);padding:28px;border:1px solid rgba(255,210,31,.48);border-radius:22px;background:#1d1504}.modal-card>img{display:block;width:105px;height:90px;object-fit:contain;margin:auto}.modal-card h2,.modal-card>p{text-align:center}.modal-card>p{color:rgba(255,255,255,.67)}.close{position:absolute;right:13px;top:10px;border:0;color:#fff;background:none;font-size:29px}.modal-card label{display:block;margin:12px 0 6px;color:#ffea80;font-size:12px;font-weight:800}.modal-card label span{color:#aaa;font-weight:400}.modal-card input,.modal-card textarea{width:100%;padding:12px;border:1px solid rgba(255,210,31,.3);border-radius:10px;color:#fff;background:rgba(0,0,0,.28)}.modal-card form button,#simulate{width:100%;margin-top:15px;padding:14px;border:0;border-radius:10px;color:#241700;background:linear-gradient(#ffe04b,#f5b900);font-weight:900}.modal-card #status{color:#ffea80;font-size:13px}body.done .rating-card{animation:pulse .5s}@keyframes pulse{50%{transform:scale(1.015)}}
