.ctd-shell{--ctd-orange:#f4511e;--ctd-terra:#c96647;--ctd-green:#355e4d;--ctd-charcoal:#303936;--ctd-paper:#f8f2e8;--ctd-earth:#9a744b;max-width:1040px;margin:36px auto;padding:16px;font-family:Arial,Helvetica,sans-serif;color:var(--ctd-charcoal)}
.ctd-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,var(--ctd-paper) 100%);border:1px solid #e1d2bf;border-radius:22px;padding:clamp(28px,6vw,64px);box-shadow:0 18px 55px rgba(48,57,54,.12);text-align:center}
.ctd-card:before{content:"";position:absolute;inset:0 0 auto 0;height:9px;background:linear-gradient(90deg,var(--ctd-orange),var(--ctd-terra),var(--ctd-green))}
.ctd-brand-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:var(--ctd-orange);color:#fff;font-size:24px;font-weight:800;letter-spacing:-1px;box-shadow:0 8px 22px rgba(244,81,30,.25)}
.ctd-kicker{margin:0 0 12px;color:var(--ctd-terra);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ctd-card h1{margin:0;color:var(--ctd-charcoal);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,6vw,58px);line-height:1.05}
.ctd-intro{margin:20px auto 34px;max-width:680px;font-size:18px;line-height:1.55;color:var(--ctd-green)}
.ctd-form{max-width:760px;margin:0 auto;text-align:left}
.ctd-form label{display:block;margin:0 0 9px;font-weight:800;color:var(--ctd-charcoal)}
.ctd-controls{display:flex;gap:12px}
.ctd-controls input{flex:1;min-width:0;border:2px solid #d8c8b4;border-radius:12px;padding:15px 16px;background:#fff;color:var(--ctd-charcoal);font:inherit;font-size:17px;outline:none;transition:border-color .2s,box-shadow .2s}
.ctd-controls input:focus{border-color:var(--ctd-terra);box-shadow:0 0 0 4px rgba(201,102,71,.14)}
.ctd-controls button,.ctd-button{border:0;border-radius:12px;padding:15px 22px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}
.ctd-controls button,.ctd-button-primary{background:var(--ctd-orange);color:#fff;box-shadow:0 7px 18px rgba(244,81,30,.24)}
.ctd-controls button:hover,.ctd-button:hover{transform:translateY(-1px)}
.ctd-controls button:disabled{opacity:.55;cursor:wait;transform:none}
.ctd-help{margin:10px 2px 0;color:#68716e;font-size:13px;line-height:1.45}
.ctd-status{max-width:760px;margin:18px auto 0;min-height:24px;font-weight:700}
.ctd-status.is-error{color:#9a3427;background:#f9e5de;border-radius:10px;padding:12px 15px}
.ctd-status.is-loading{color:var(--ctd-green)}
.ctd-result{max-width:850px;margin:30px auto 0;padding-top:28px;border-top:1px solid #dfd1c0}
.ctd-success{display:inline-block;margin-bottom:18px;border-radius:999px;padding:8px 14px;background:#dce9e1;color:#23513e;font-weight:800}
.ctd-actions{display:flex;justify-content:center;gap:12px;margin-bottom:18px}
.ctd-button-secondary{background:#fff;color:var(--ctd-green);border:2px solid var(--ctd-green)}
.ctd-result iframe{display:block;width:100%;height:min(72vh,720px);border:1px solid #d8c8b4;border-radius:14px;background:#fff}
.ctd-footer{margin:28px 0 0;color:#687b83;font-size:13px;font-weight:800}
@media(max-width:650px){.ctd-controls,.ctd-actions{flex-direction:column}.ctd-controls button,.ctd-button{text-align:center;width:100%}.ctd-result iframe{height:500px}.ctd-card{padding:34px 20px}}