*{box-sizing:border-box}body{margin:0;background:#080e22;color:#f0f5ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:#77edf3;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #67eff8}button{cursor:pointer}.preview-layout{max-width:1100px;margin:0 auto;padding:42px 32px;display:flex;gap:90px;align-items:flex-start}.preview-controls{max-width:365px;padding-top:32px;flex:1}.wordmark{display:flex;align-items:center;gap:12px;color:#fff;font-size:22px}.wordmark img{border-radius:50%}h1{font-size:48px;line-height:1.1;letter-spacing:-1.3px;margin:40px 0 20px}h1 span{color:#88f0f6}p{color:#b4c2df;margin:0 0 26px}fieldset{border:0;padding:0;margin:32px 0 20px}legend,label{font-weight:600;font-size:14px;margin:0 0 10px;display:block}.width-buttons{display:flex;gap:8px}.width-buttons button{min-width:65px;min-height:43px;border:1px solid #405577;background:#142440;border-radius:9px}.width-buttons button.active{color:#85f5f5;border-color:#49ddea;background:#164154}select{width:100%;max-width:295px;background:#13213c;padding:10px 12px;border:1px solid #44587b;border-radius:9px;margin-bottom:19px}.size-note{font-size:13px;margin:4px 0 19px;color:#a3b3d1}.full-link{display:inline-flex;border:1px solid #375b77;border-radius:9px;padding:11px 15px;font-size:14px}.fine{font-size:13px;line-height:1.6;margin-top:25px;max-width:330px;color:#91a4c7}.phone-stage{flex:0 0 auto;max-width:100%;padding-top:8px}.phone-frame{width:412px;padding:10px;border:1px solid #526788;border-radius:32px;background:#111c33;box-shadow:0 25px 80px #0005;overflow:hidden}.phone-frame iframe{display:block;border:0;background:#081125;border-radius:22px;width:390px;height:780px}.under-phone{text-align:center;color:#a0b2d1;font-size:13px;margin:15px 0 0}@media(max-width:900px){.preview-layout{gap:35px;padding:25px}.preview-controls{padding-top:20px}h1{font-size:40px}.width-buttons{flex-wrap:wrap}}@media(max-width:720px){.preview-layout{display:block;padding:22px 16px}.preview-controls{max-width:500px;margin:0 auto;padding:0}.phone-stage{overflow-x:auto;margin-top:28px;padding-bottom:12px}.phone-frame{margin:auto}h1{font-size:34px;margin:24px 0 15px}h1 br{display:none}fieldset{margin-top:20px}.width-buttons button{min-height:44px}.fine{max-width:none}.under-phone{text-align:left}}