:root{--navy:#071a36;--blue:#126bc5;--purple:#6d3ac7;--pink:#ef4ca6;--gold:#ffd45e;--ink:#15213a;--muted:#66748a;--bg:#eef4fb;--green:#168352}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#071a36 0,#132b59 360px,#eef4fb 361px);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:#4d2ea8}.shell{width:min(1080px,calc(100% - 28px));margin:auto}.topbar{padding:18px 0;color:#dce9ff;font-weight:800}.brand{color:#fff;font-size:21px;text-decoration:none}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;color:#fff;padding:38px 0 54px}.eyebrow{display:inline-block;color:#ffd76b;font-size:13px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.02;margin:10px 0 14px}.hero h1 span{color:#ff78bd}.hero p{font-size:19px;line-height:1.65;color:#e2edff;max-width:670px}.price{font-size:44px;font-weight:1000;color:#ffd45e;margin:16px 0 5px}.price small{font-size:15px;color:#dce9ff;font-weight:700}.cta{display:inline-block;background:linear-gradient(135deg,#ff4da7,#7737d4);color:#fff;text-decoration:none;border:0;border-radius:12px;padding:15px 24px;font-weight:900;font-size:17px;box-shadow:0 10px 28px rgba(239,76,166,.3);cursor:pointer}.professor{text-align:center}.professor img{max-width:310px;width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.3))}.main{margin-top:-10px;padding-bottom:48px}.card{background:#fff;border:1px solid #d8e2ef;border-radius:18px;padding:26px;box-shadow:0 14px 40px rgba(21,47,84,.12);margin-bottom:20px}.card h2{margin:0 0 10px;color:#0d2b58}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:17px;border:1px solid #e0e7f1;border-radius:13px;background:#f8fbff}.feature strong{display:block;color:#532ca8;margin-bottom:5px}.fine{color:var(--muted);font-size:13px;line-height:1.55}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;font-weight:900;margin-bottom:7px}input,select{width:100%;padding:13px 14px;border:1px solid #c7d2e0;border-radius:10px;font:inherit;background:#fff}.go{width:100%;padding:15px;border:0;border-radius:11px;background:linear-gradient(135deg,#126bc5,#6d3ac7);color:#fff;font-weight:1000;font-size:17px;cursor:pointer}.success{background:#eaf8f1;border:1px solid #b8e4cb;color:#126a45;padding:14px 16px;border-radius:11px;margin-bottom:18px}.error{background:#fff1ef;border:1px solid #f1c2bc;color:#a5291d;padding:14px 16px;border-radius:11px;margin-bottom:18px}.playlist{border:3px solid #ef4ca6;background:#fff7fc;border-radius:16px;padding:20px;text-align:center}.playlist .numbers{font-size:clamp(18px,3vw,25px);font-weight:1000;word-spacing:4px;line-height:1.6;color:#12264d}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.btn{border:0;border-radius:10px;padding:12px 17px;font-weight:900;text-decoration:none;cursor:pointer}.btn.copy{background:#162a50;color:#fff}.btn.report{background:#6d3ac7;color:#fff}.notice14{border-left:5px solid #ef4ca6;background:#fff7fc;padding:14px 16px;margin-top:18px;line-height:1.55}.footer{text-align:center;color:#5e6d82;padding:25px 14px 40px;font-size:13px}@media(max-width:760px){.hero{grid-template-columns:1fr;text-align:center;padding-top:24px}.hero p{margin-left:auto;margin-right:auto}.professor img{max-width:220px}.three,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.card{padding:20px}.price{font-size:38px}}