*{box-sizing:border-box}body{margin:0;background:#080d1b;color:#f5f7ff;font:15px Arial,sans-serif}header{height:72px;background:#10172b;border-bottom:1px solid #26304a;display:flex;align-items:center;justify-content:space-between;padding:0 5%;}.brand{font-size:21px;font-weight:800}.brand b{color:#8b6cff}nav a{color:#aeb9d5;text-decoration:none;margin-left:20px}.container{max-width:1200px;margin:0 auto;padding:35px 20px}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.hero>div{max-width:800px}.hero h1{font-size:54px;line-height:1.05}.hero p{font-size:20px;color:#aeb9d5}.pill{display:inline-block;background:#252e4d;color:#c9d3f2;border-radius:99px;padding:6px 10px;font-size:12px}.btn{display:inline-block;background:#7c5cff;color:white;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer;margin:8px 8px 8px 0}.secondary{background:#27314d}.box{max-width:500px;margin:8vh auto;background:#141d34;border:1px solid #293553;border-radius:16px;padding:28px}.wide{max-width:800px}.box input,.box textarea,.box select,.card textarea,.card input{width:100%;padding:12px;margin:7px 0 16px;background:#0c1325;border:1px solid #303c5d;color:#fff;border-radius:9px}.box label,.card label{display:block;color:#b9c4df;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#141d34;border:1px solid #293553;border-radius:15px;padding:20px}.card h2,.card h3{margin-top:10px}.card p,.small{color:#9eabc7;line-height:1.55}.card a{color:#9f8aff}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.studio{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.preview{min-height:350px;border-radius:16px;background:linear-gradient(135deg,#27335c,#12192d 55%,#3c2853);display:flex;align-items:center;justify-content:center;font-size:70px}.error{color:#ff8e9b}.success{color:#7ef0b0;background:#102b22;padding:12px;border-radius:9px}hr{border:0;border-top:1px solid #293553;margin:20px 0}@media(max-width:700px){header{height:auto;padding:18px;align-items:flex-start;gap:10px;flex-direction:column}nav a{margin:0 12px 0 0}.hero h1{font-size:38px}.studio{grid-template-columns:1fr}}