*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial;color:#19182b;background:#fffafd}.glow{position:fixed;inset:-20%;z-index:-1;background:radial-gradient(circle at 80% 10%,#ff73b733,transparent 25%),radial-gradient(circle at 10% 80%,#34d9eb30,transparent 25%);animation:g 9s infinite alternate}@keyframes g{to{transform:translate(5%,3%) scale(1.08)}}header{width:min(1180px,94%);height:72px;margin:16px auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#ffffffdc;backdrop-filter:blur(18px);border-radius:22px;position:sticky;top:10px;z-index:9;box-shadow:0 12px 35px #53356e12}header i{color:#ff3f91;font-style:normal}button{border:0;padding:14px 22px;border-radius:15px;color:#fff;font-weight:bold;background:linear-gradient(100deg,#ff3f91,#8458ff,#18cde5);cursor:pointer;transition:.25s}button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #8c55b833}.hero,section{width:min(1180px,94%);margin:30px auto 90px}.hero{min-height:610px;padding:65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(130deg,#fff,#fff1f8,#effdff);border-radius:38px;box-shadow:0 25px 70px #432b6c1c}.hero small,section>small{color:#8d52d5;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(44px,6vw,72px);line-height:1.03;margin:14px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#ff3f91,#7658e8,#18cde5);background-clip:text;color:transparent}.hero p{color:#737184;font-size:18px;line-height:1.7}.art{height:420px;position:relative;display:grid;place-items:center}.album{width:300px;height:300px;border-radius:70px;display:grid;place-items:center;color:#fff;font-size:70px;background:linear-gradient(140deg,#7259df,#ff4b96,#23d5e6);box-shadow:0 30px 70px #7047a74a;animation:float 4s infinite}.album span{position:absolute;margin-top:210px;font-size:17px;letter-spacing:6px;animation:eq .7s infinite alternate}@keyframes eq{to{transform:scaleY(.4)}}@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}.f1,.f2{position:absolute;background:#fff;padding:14px 18px;border-radius:17px;box-shadow:0 18px 40px #42276024;animation:float 3s infinite;font-size:13px}.f1{left:0;top:80px}.f2{right:0;bottom:70px}h2{font-size:clamp(32px,4vw,48px)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.choice{padding:22px;background:#ffffffdf;border:1px solid #ebe6f3;border-radius:23px;cursor:pointer;transition:.25s}.card:hover,.choice:hover{transform:translateY(-6px);box-shadow:0 20px 40px #46316818}.card span{font-size:28px}.card b,.card small{display:block;margin-top:10px}.card small,.hint{color:#77758a;line-height:1.5}.creator{display:grid;grid-template-columns:2fr 1fr;gap:18px}.wizard,aside{padding:30px;background:#ffffffdf;border:1px solid #ebe6f3;border-radius:30px;box-shadow:0 20px 55px #46316812}.progress{display:flex;gap:15px;align-items:center;font-size:12px;color:#777}.progress i{height:7px;flex:1;background:#eeeaf4;border-radius:10px;overflow:hidden}.progress b{display:block;height:100%;background:linear-gradient(90deg,#ff3f91,#18cde5);transition:.4s}.question{animation:in .35s}@keyframes in{from{opacity:0;transform:translateX(25px)}}.question h3{font-size:29px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:20px}.choice.selected{border-color:#9165e8;background:linear-gradient(135deg,#fff2f8,#effdff);box-shadow:0 0 0 3px #9165e815}.choice.selected:after{content:" ✓";color:#8058d0}.field{padding:18px;margin-top:15px;border:1px solid #e4deed;border-radius:21px;background:#fff;transition:.2s}.field:focus-within{border-color:#9165e8;box-shadow:0 0 0 4px #9165e811}input,textarea{width:100%;border:0;outline:0;background:none;font-size:16px}textarea{min-height:145px;resize:vertical}.actions{display:flex;justify-content:space-between;margin-top:25px}.secondary{background:#f0edf4;color:#625e6d;box-shadow:none}.sitem{padding:12px 0;border-bottom:1px solid #eeeaf3}.sitem small{display:block;color:#999}.sitem b{font-size:13px}.finalbox{white-space:pre-wrap;background:linear-gradient(135deg,#fff1f8,#effdff);padding:18px;border-radius:20px;font-size:12px;line-height:1.55}.finalactions{display:flex;gap:10px;margin-top:15px}#toast{position:fixed;right:20px;bottom:20px;background:#19182b;color:#fff;padding:14px 18px;border-radius:13px;opacity:0;transition:.3s}#toast.show{opacity:1}@media(max-width:800px){header nav{display:none}.hero{grid-template-columns:1fr;padding:35px 25px}.grid{grid-template-columns:repeat(2,1fr)}.creator{grid-template-columns:1fr}.choices{grid-template-columns:1fr}}