@font-face{font-family:"Lato";src:url("fonts/lato-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Lato";src:url("fonts/lato-black.woff2") format("woff2");font-weight:900;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F0E8;color:#1A1A1A;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
.top{max-width:560px;margin:0 auto;padding:22px 22px 0}
.brand{display:inline-block;border-radius:10px}
.brand img{display:block;width:96px;height:auto}
main{max-width:560px;margin:0 auto;padding:8px 22px 40px}
h1{font-weight:900;font-size:44px;line-height:1.02;letter-spacing:-.8px;margin:22px 0 12px}
.hl{color:#1A1A1A;background:linear-gradient(transparent 58%,#F6CC05 58%,#F6CC05 92%,transparent 92%);padding:0 2px}
.lede{font-size:18px;margin:0 0 8px;max-width:30em}
.for-pro{font-weight:700;font-size:18px;margin:6px 0 0}
form{margin-top:26px}
.field{margin:0 0 22px;border:0;padding:0;min-width:0}
legend,label,.label{display:block;font-weight:700;font-size:16px;margin:0 0 8px;padding:0}
.req{font-weight:700}
.opt{font-weight:400;font-size:14px;margin-left:4px;color:#4A4A4A}
input[type=text],input[type=email],textarea{width:100%;font:inherit;font-size:17px;color:#1A1A1A;background:#FFFFFF;border:1.5px solid #CFC8BA;border-radius:14px;padding:14px 15px;appearance:none;-webkit-appearance:none;transition:border-color .15s}
textarea{resize:vertical;min-height:130px;line-height:1.45}
input::placeholder,textarea::placeholder{color:#8A8478}
input:focus-visible,textarea:focus-visible{outline:3px solid #1A1A1A;outline-offset:1px;border-color:#1A1A1A}
.invalid input,.invalid textarea{border-color:#A1281E}
.hint{font-size:14px;color:#4A4A4A;margin:6px 2px 0}
.hint.block{display:block;font-weight:400;margin:4px 0 0}
.err{font-size:15px;font-weight:700;color:#A1281E;margin:8px 2px 0}
.err.center{text-align:center}
.row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:420px){.row{grid-template-columns:1fr}}

/* stars */
.stars-field legend{margin-bottom:6px}
.stars{display:flex;gap:4px}
.stars input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.stars label{width:56px;height:56px;margin:0;cursor:pointer;border-radius:12px;background:no-repeat center/48px 48px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.5.8-4.8 4.5 1.2 6.5L12 17.2l-5.8 3.2 1.2-6.5L2.6 9.4l6.5-.8z' fill='none' stroke='%231A1A1A' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.stars label.on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.5.8-4.8 4.5 1.2 6.5L12 17.2l-5.8 3.2 1.2-6.5L2.6 9.4l6.5-.8z' fill='%23F6CC05' stroke='%231A1A1A' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.stars input:focus-visible + label{outline:3px solid #1A1A1A;outline-offset:2px}
.star-words{font-size:15px;color:#4A4A4A;margin:6px 2px 0;min-height:1.4em}
.sr,.hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* photo */
.file{position:absolute;opacity:0;width:1px;height:1px}
.photo-pick{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;font-weight:700;font-size:16px;background:#FFFFFF;border:1.5px dashed #A79F90;border-radius:14px;cursor:pointer;margin:0}
.file:focus-visible + .preview,.file:focus-visible ~ .photo-pick{outline:3px solid #1A1A1A}
.photo-pick:focus-within{outline:3px solid #1A1A1A}
.preview{margin-top:12px;display:flex;align-items:center;gap:14px}
.preview img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1.5px solid #CFC8BA;background:#fff}
.link{font:inherit;font-size:15px;font-weight:700;color:#1A1A1A;background:none;border:0;padding:8px 0;text-decoration:underline;cursor:pointer}

/* checkbox */
.check{display:flex;align-items:flex-start;gap:12px;background:#FFFFFF;border:1.5px solid #CFC8BA;border-radius:14px;padding:14px 15px}
.check input{flex:none;width:24px;height:24px;margin:1px 0 0;accent-color:#1A1A1A;cursor:pointer}
.check label{margin:0;cursor:pointer;font-size:16px}

.disclose{font-size:15px;line-height:1.5;margin:26px 2px 16px;color:#1A1A1A}
.btn{display:block;width:100%;text-align:center;text-decoration:none;font:inherit;font-weight:900;font-size:19px;letter-spacing:.2px;color:#1A1A1A;background:#F6CC05;border:0;border-radius:999px;padding:18px 24px;cursor:pointer;box-shadow:0 1px 0 rgba(0,0,0,.08);transition:transform .08s,filter .15s}
.btn:hover{filter:brightness(.97)}
.btn:active{transform:scale(.99)}
.btn:focus-visible{outline:3px solid #1A1A1A;outline-offset:3px}
.btn[disabled]{opacity:.65;cursor:wait}

/* thanks */
.thanks{padding-top:10px;outline:none}
.thanks h1{font-size:46px}
.big-stars{font-size:0;margin-top:26px;display:flex;gap:6px}
.big-stars i{display:block;width:44px;height:44px;background:no-repeat center/44px 44px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.5.8-4.8 4.5 1.2 6.5L12 17.2l-5.8 3.2 1.2-6.5L2.6 9.4l6.5-.8z' fill='%23F6CC05' stroke='%231A1A1A' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.big-stars i.off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.5.8-4.8 4.5 1.2 6.5L12 17.2l-5.8 3.2 1.2-6.5L2.6 9.4l6.5-.8z' fill='none' stroke='%231A1A1A' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.thanks .btn{margin-top:28px}
.small{font-size:15px;text-align:center;margin-top:18px}
.small a{color:#1A1A1A}
.foot{max-width:560px;margin:0 auto;padding:0 22px 34px;font-size:13px;color:#4A4A4A}
@media (min-width:700px){h1{font-size:54px}main{padding-top:20px}}
