*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}:root{font-family:Poppins,Arial,sans-serif;color:#24182d;background:#fbf8fd;color-scheme:light}body{margin:0}.page-header{max-width:1000px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ede3f3}.brand{display:flex;align-items:center;gap:12px;color:#2b1739;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:.3px}.brand img{object-fit:contain}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#9672a9;margin-top:5px}.back{font-size:12px;color:#7c369f;text-decoration:none}.back span{margin-left:10px}main{max-width:820px;margin:auto;padding:38px 28px 28px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8f53ad;font-weight:600;margin:0 0 11px}h1{font-size:37px;line-height:1.2;letter-spacing:-1.5px;margin:0 0 18px;font-weight:600}p{font-size:13px;line-height:1.8;color:#7c6c86}.intro>p:last-child{max-width:650px;margin:0}.privacy-note{display:flex;gap:14px;background:#f0e7f8;border:1px solid #e9dcf1;border-radius:14px;padding:16px 20px;margin:26px 0}.privacy-note>span{font-size:24px;color:#9855c0}.privacy-note p{margin:0;color:#7d558e;font-size:11px}.form-section{padding:29px;background:#fff;border:1px solid #eee4f4;border-radius:17px;margin:18px 0}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-title>span{font-size:10px;color:#ac7fc3;background:#f6effb;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}h2{font-size:19px;letter-spacing:-.4px;font-weight:600;line-height:1.4;margin:0}h3{font-size:13px;font-weight:600;margin:16px 0 9px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.wide{grid-column:1/-1}label{font-size:11px;color:#65516f;display:block;line-height:1.65}label>span:not(.radio-label),legend>span{color:#a259bc}input,select,textarea,button{font:inherit}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #e1d5e9;border-radius:7px;padding:12px;font-size:16px;line-height:1.5;color:#35233f;background:#fff;min-height:48px;min-width:0;max-width:100%}input[readonly]{background:#faf7fc!important;color:#9a8aa4!important}textarea{resize:vertical;min-height:86px}input::placeholder,textarea::placeholder{color:#b3a6bd;font-size:11px}select{padding-right:25px}.field-hint,.section-help{font-size:11px;line-height:1.7;color:#a18aad;margin:10px 0 22px}.question{padding:17px 0;border-bottom:1px solid #f0e8f4}.question:first-child{padding-top:0}.question-title{font-size:12px;line-height:1.65;color:#51405d;margin:0 0 10px}.radio-options{display:flex;flex-wrap:wrap;gap:9px}.radio-option{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8dced;border-radius:6px;min-height:38px;padding:8px 12px;background:#fff;cursor:pointer;font-size:11px}.radio-option:has(input:checked){border-color:#a15bc4;background:#f8f0fc;color:#7f2ba7}input[type=radio],input[type=checkbox]{accent-color:#8d42b6;width:15px;height:15px;flex-shrink:0;margin:0}.question-detail{margin-top:12px;max-width:100%}.conditions,.photo-permission,fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}legend{font-size:12px;font-weight:600;color:#584462;margin-bottom:8px}.conditions p,.photo-permission p{font-size:11px;margin:0 0 14px}.conditions>div{display:flex;flex-wrap:wrap;gap:10px}.check-option{display:inline-flex;align-items:center;gap:8px;border-radius:6px;border:1px solid #e9deef;padding:10px 12px;min-height:42px;font-size:11px}.check-option:has(input:checked){background:#f6edf9;border-color:#ae74c8}.conditions+label{margin-top:24px}.service-record{margin:17px 0;padding:18px;background:#fcf9fe;border:1px solid #f0e7f5;border-radius:10px}.service-record legend{font-size:11px;padding:0 0 8px}.service-record .field-grid{gap:12px}.service-record input{background:white!important}.consent-copy{font-size:12px;line-height:1.9;background:#fbf8fd;border:1px solid #f0e9f5;border-radius:9px;padding:16px;margin-bottom:18px}.check-line{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;margin:18px 0}.check-line input{margin-top:3px}.check-line>span{color:#76617f!important}.photo-permission .radio-option{display:flex;width:100%;margin:9px 0;padding:12px;align-items:flex-start;line-height:1.8}.photo-permission input{margin-top:2px}.signature-wrap{position:relative;border:1.5px dashed #bea3cf;border-radius:12px;background:#fcfaff;overflow:hidden;height:280px}#signature{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.signature-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#b9a2c6;font-size:12px;max-width:calc(100% - 32px);text-align:center;line-height:1.8}.signature-actions{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px;gap:12px}#signature-status{font-size:10px;color:#a18bad}.text-button{font-size:11px;color:#8e42b1;background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:7px 0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;min-height:48px;font-size:12px;border:1px solid #8e42b1;border-radius:8px;text-decoration:none;cursor:pointer;line-height:1.5}.primary{color:#fff;background:#8e42b1}.secondary{background:#fff;color:#8e42b1}.button:disabled{opacity:.5;cursor:wait}.required-note{font-size:10px;color:#aa95b5;margin-bottom:0}.result{border-color:#d9c0e7;background:#fefcff}.result>.eyebrow{margin-top:0}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.fallback{padding-top:18px;margin-top:24px;border-top:1px solid #eaddef}.fallback p{font-size:11px}.fallback a{font-size:11px;color:#8d42b1;text-underline-offset:4px}#form-message{font-size:12px;min-height:24px;color:#8043a0;margin:18px 5px}footer{font-size:10px;text-align:center;color:#ac97b6;line-height:1.9;margin-top:34px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d0ace6;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){.page-header{padding:17px 18px}.brand{font-size:12px;gap:8px}.brand img{width:43px;height:43px}.brand small{font-size:6px}.back{font-size:10px;max-width:85px;text-align:right}main{padding:28px 16px 22px}h1{font-size:29px;letter-spacing:-1px}.intro>p:last-child{font-size:12px}.privacy-note{padding:14px;gap:10px}.privacy-note p{font-size:10px}.form-section{padding:22px 18px;border-radius:12px}.section-title{gap:9px;margin-bottom:23px}.section-title h2{font-size:17px}.field-grid{grid-template-columns:1fr;gap:16px}.wide{grid-column:auto}.question-title{font-size:11px}.radio-option{padding:8px 9px;font-size:10px;gap:5px}.signature-wrap{height:280px;height:clamp(250px,38svh,320px)}.result-actions .button{width:100%}.button.primary{width:100%}.section-help{font-size:10px}.service-record{padding:14px}#tattoo-records .field-grid{grid-template-columns:minmax(0,1fr)}}

/* Native controls stay readable and fit narrow Safari date fields. */
.field-grid>*{min-width:0}.field-grid input,.field-grid select,.field-grid textarea{min-width:0;max-width:100%}input[type=date]{box-sizing:border-box;display:block;appearance:none;-webkit-appearance:none;inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow:hidden}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}input[type=date]::-webkit-datetime-edit{padding:0;min-width:0}input[type=date]::-webkit-calendar-picker-indicator{flex-shrink:0;width:18px;height:18px;margin-left:0;padding:0}.page-header{gap:16px}.brand,.brand>span{min-width:0}.back{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:none;min-height:42px;padding:10px 15px;border:1px solid #e6d7ef;border-radius:9px;background:#fff;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.5;text-align:center;transition:background .18s,border-color .18s}.back:hover{background:#f7f0fb;border-color:#cfaee0}.button{gap:12px}.button svg{width:20px;height:20px;flex-shrink:0}.button span{color:inherit}
.optional-panel{margin-top:24px;border:1px solid #e9ddef;border-radius:12px;background:#fdfbff;min-width:0;overflow:hidden}.optional-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;cursor:pointer;list-style:none;min-width:0}.optional-panel>summary::-webkit-details-marker,.service-record>summary::-webkit-details-marker{display:none}.optional-panel>summary::marker,.service-record>summary::marker{content:''}.optional-panel>summary strong{font-size:12px;font-weight:500;color:#74418c;display:block;line-height:1.6}.optional-panel>summary small{font-size:10px;line-height:1.7;color:#a088ae;display:block;margin-top:3px}.optional-panel>summary:after,.service-record>summary:after{content:'';display:block;flex-shrink:0;width:7px;height:7px;border-right:1.5px solid #a37ab9;border-bottom:1.5px solid #a37ab9;transform:rotate(45deg);margin:0 3px 4px 0}.optional-panel[open]>summary:after,.service-record[open]>summary:after{transform:rotate(225deg);margin-top:5px;margin-bottom:0}.optional-panel[open]>summary{border-bottom:1px solid #eee3f4;margin-bottom:19px}.optional-panel>.field-grid,.optional-panel>#piercing-records,.optional-panel>#tattoo-records,.optional-panel>label,.optional-panel>.field-hint{margin-left:18px;margin-right:18px}.optional-panel>.field-grid:last-child,.optional-panel>label:last-child{margin-bottom:20px}.optional-panel>.field-hint{margin-top:0}.optional-panel>label{margin-top:18px}.optional-panel #tattoo-records{margin-top:22px}.service-record{padding:0;background:#fff;border-color:#eadff1;overflow:hidden;min-width:0}.service-record>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:15px;font-size:11px;color:#6e4b80;font-weight:500;line-height:1.6}.service-record>summary small{margin-left:auto;font-size:9px;color:#ae95bb;font-weight:400}.service-record>summary:after{margin-left:2px}.service-record>fieldset{margin:0;padding:0 15px 17px}.service-record[open]>summary{margin-bottom:4px}.signature-wrap{margin-top:18px}.signature-actions{flex-wrap:wrap}summary:focus-visible{outline:3px solid #d0ace6;outline-offset:3px}
@media(max-width:600px){.page-header{gap:10px}.brand{font-size:11px;gap:8px}.back{font-size:11px;padding:10px 11px;min-height:40px;max-width:none;text-align:center}.optional-panel>summary{padding:15px 14px;gap:10px}.optional-panel>summary strong{font-size:11px}.optional-panel>summary small{font-size:9px}.optional-panel>.field-grid,.optional-panel>#piercing-records,.optional-panel>#tattoo-records,.optional-panel>label,.optional-panel>.field-hint{margin-left:13px;margin-right:13px}.optional-panel .field-grid{grid-template-columns:minmax(0,1fr)}input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px}.signature-actions .text-button{font-size:11px}#signature-status{font-size:11px}.service-record>summary{padding:14px 12px;font-size:10px}.service-record>fieldset{padding:0 12px 15px}}
.save-help{margin-top:22px;padding:15px 17px;background:#f6f0fa;border:1px solid #eadff1;border-radius:10px}.save-help h3{margin:0;font-size:12px;color:#76448d}.save-help p{margin:6px 0 0;font-size:11px;line-height:1.85;color:#8b7298}.fallback a.whatsapp-action{display:inline-flex;align-items:center;justify-content:center;gap:11px;margin-top:8px;min-height:48px;padding:14px 20px;border:1px solid #167a49;border-radius:8px;background:#167a49;color:#fff;font-size:12px;font-weight:500;line-height:1.6;text-decoration:none}.fallback a.whatsapp-action:hover{background:#12663d;border-color:#12663d}.fallback a.whatsapp-action:focus-visible{outline-color:#8ccba6}@media(max-width:600px){.save-help{padding:14px}.save-help h3{font-size:11px}.save-help p{font-size:10px}.fallback a.whatsapp-action{width:100%;font-size:12px;padding:14px 15px}}

.form-errors{background:#fff5f8;border:1px solid #e8b9cb;border-radius:12px;padding:20px;margin:22px 0;color:#8b3053}.form-errors h2{font-size:18px;color:#8b3053}.form-errors p{font-size:12px;color:#9a6076}.form-errors ul{padding-left:20px;margin:12px 0 0}.form-errors li{margin:8px 0}.form-errors button{font:inherit;font-size:12px;text-align:left;line-height:1.7;background:none;border:0;padding:3px 0;color:#8b3053;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.form-errors:focus{outline:3px solid #edd0dd;outline-offset:3px}

/* Freeze only during a signature stroke, including iOS scroll chaining. */
html.signature-drawing{overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}html.signature-drawing body{position:fixed;top:var(--signature-scroll-top);left:0;width:100%;padding-right:var(--signature-scroll-gap);overflow:hidden;touch-action:none;overscroll-behavior:none}.signature-wrap,#signature{touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

.whatsapp-action .whatsapp-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor;stroke:none}

.studio-send{border:1px solid #ddd0e7;border-radius:18px;background:#f7f2fa;padding:22px;margin:22px 0}.studio-send h3{margin:0 0 12px}.studio-send .button{margin-top:17px}.studio-send p{margin:14px 0 0;font-size:12px;color:#72567e}.studio-send input{accent-color:#693b83}@media(max-width:600px){.studio-send{padding:18px}.studio-send .button{width:100%}.studio-send p{font-size:11px}}

.remember-personal{padding:15px 17px;margin-bottom:24px;border:1px solid #e8dced;border-radius:12px;background:#faf6fc}.remember-personal .check-line{margin:0}.remember-personal strong{display:block;color:#68417f;font-weight:500}.remember-personal small{display:block;font-size:10px;line-height:1.8;color:#90779e;margin-top:5px}.remember-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0 25px}.remember-actions p{font-size:10px;line-height:1.7;margin:0}.remember-actions button{flex-shrink:0;font-size:10px}@media(max-width:600px){.remember-personal{padding:14px}.remember-actions{align-items:flex-start;flex-direction:column;gap:4px}}

.customer-registration{margin:17px 0 20px}.customer-registration .check-line{margin:15px 18px}.customer-registration .check-line:last-child{margin-bottom:20px}
