:root{--ink:#1f1b16;--saffron:#fdb913;--orange:#f0732a;--green:#138808;--paper:#fffdf8;--line:#e3dccd;--muted:#675f53;--err:#b3261e}
*{box-sizing:border-box}
body{margin:0;font:400 16px/1.5 Figtree,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
.d-head{padding:14px clamp(16px,4vw,48px);background:#fff;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--saffron) 33%,#ddd 33% 66%,var(--green) 66%) 1}
.d-head img{height:52px;width:auto;max-width:100%;display:block}
.d-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:calc(100vh - 72px)}
.d-side{background:var(--ink);color:#f5efe3;padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
.d-side::after{content:"";position:absolute;right:-70px;bottom:-70px;width:240px;height:240px;background:var(--saffron);clip-path:polygon(0 100%,100% 0,100% 100%)}
.d-side h1{font:800 clamp(2.4rem,5vw,4rem)/1 "Bricolage Grotesque",sans-serif;margin:0 0 18px;letter-spacing:-.02em;color:#f5efe3}
.d-side h1 b{display:block;color:var(--saffron);font-size:1.9em;letter-spacing:-.04em}
.d-side p{max-width:34ch;color:#d9d0bf;margin:0}
.d-event{font:600 1.05rem/1.5 "Bricolage Grotesque",sans-serif}.d-event span{display:block;color:var(--saffron)}
.d-panel{display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,64px)}
.d-card{width:100%;max-width:560px}
.d-card h2,.d-box h2,.d-ok h2{font:800 1.9rem/1.15 "Bricolage Grotesque",sans-serif;margin:0 0 6px;color:var(--ink)}
.d-sub{color:var(--muted);margin:0 0 24px}

/* Gravity Forms skin */
.didac-form .gform_wrapper{margin:0}
.didac-form .gform_wrapper .gfield_label{font-weight:600;font-size:.9rem;margin-bottom:6px}
.didac-form .gform_wrapper .gfield_required{color:var(--err)}
.didac-form .gform_wrapper input:is([type=text],[type=email],[type=tel],[type=number]),
.didac-form .gform_wrapper select,.didac-form .gform_wrapper textarea{width:100%;font:inherit;padding:13px 14px;border:1.5px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);box-shadow:none;min-height:0;transition:border-color .15s,box-shadow .15s}
.didac-form .gform_wrapper :is(input,select,textarea):focus-visible{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,115,42,.2)}
.didac-form .gform_wrapper .gfield--type-consent label,.didac-form .gform_wrapper .gchoice label{font-size:.88rem;color:var(--muted);font-weight:400}
.didac-form .gform_wrapper input[type=checkbox]{accent-color:var(--orange);width:18px;height:18px}
.didac-form .gform_wrapper .gfield_validation_message,.didac-form .gform_wrapper .validation_message{color:var(--err);font-size:.85rem;border:0;background:none;padding:4px 0 0}
.didac-form .gform_wrapper .gform_validation_errors{border-radius:6px;border-color:var(--err)}
.didac-form .gform_wrapper .gform_footer{margin:20px 0 0;padding:0}
.didac-form .gform_wrapper .gform_button,.d-btn{display:block;width:100%;text-align:center;text-decoration:none;font:600 1rem Figtree,sans-serif;cursor:pointer;border:0;border-radius:6px;padding:15px;background:var(--saffron);color:var(--ink);transition:background .15s}
.didac-form .gform_wrapper .gform_button:hover,.d-btn:hover{background:#f5ab00}
.didac-form .gform_wrapper .gform_button:focus-visible,.d-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.didac-form .gform_confirmation_wrapper{margin:0}

/* OTP modal + success */
.d-modal{position:fixed;inset:0;background:rgba(31,27,22,.65);display:grid;place-items:center;padding:20px;z-index:99999}
.d-modal[hidden]{display:none}
.d-box{background:#fff;border-radius:10px;padding:32px;width:100%;max-width:420px}
#otp-code{width:100%;letter-spacing:.7em;font:600 1.8rem "Bricolage Grotesque",sans-serif;text-align:center;padding:12px 12px 12px calc(12px + .7em);border:1.5px solid var(--line);border-radius:6px}
#otp-code:focus-visible{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,115,42,.2)}
.d-msg{color:var(--err);font-size:.88rem;min-height:1.3em;margin-top:6px}
.d-links{display:flex;justify-content:space-between;margin:6px 0 20px;font-size:.9rem}
.d-link{background:none;border:0;padding:0;font:inherit;color:var(--orange);text-decoration:underline;cursor:pointer}
.d-link:disabled{color:var(--muted);text-decoration:none;cursor:default}
.d-btn:disabled{opacity:.55;cursor:wait}
.d-tick{width:64px;height:64px;border-radius:50%;background:var(--green);display:grid;place-items:center;margin-bottom:18px;animation:pop .4s cubic-bezier(.3,1.6,.5,1)}
.d-tick svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:3}
.d-ok p{color:var(--muted);margin:0 0 24px}
@keyframes pop{from{transform:scale(.4);opacity:0}}
@media(max-width:860px){.d-main{grid-template-columns:1fr}.d-side{padding:32px 24px;gap:24px}.d-side::after{width:140px;height:140px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Step indicator (same as the standalone page) */
.d-steps{display:flex;gap:10px;margin:0 0 28px;padding:0;list-style:none;font-size:.9rem;color:var(--muted)}
.d-steps li{flex:1;border-top:3px solid var(--line);padding-top:8px}
.d-steps li.on{border-color:var(--orange);color:var(--ink);font-weight:600}
.d-steps li.done{border-color:var(--green);color:var(--green)}

/* Two-column Name + Email: set Field Width "Half" in Gravity Forms, or add class d-half */
.didac-form .gform_wrapper .gform_fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.didac-form .gform_wrapper .gform_fields>.gfield{grid-column:1/-1;margin:0}
.didac-form .gform_wrapper .gform_fields>.gfield.d-half,.didac-form .gform_wrapper .gform_fields>.gfield.gfield--width-half{grid-column:span 1}
@media(max-width:600px){.didac-form .gform_wrapper .gform_fields>.gfield.d-half,.didac-form .gform_wrapper .gform_fields>.gfield.gfield--width-half{grid-column:1/-1}}

/* +91 prefix on the mobile field (class didac-phone) */
.didac-form .didac-phone .ginput_container{position:relative}
.didac-form .didac-phone .ginput_container::before{content:"+91";position:absolute;left:1.5px;top:1.5px;bottom:1.5px;display:flex;align-items:center;padding:0 14px;background:#f6f1e4;border-right:1.5px solid var(--line);border-radius:5px 0 0 5px;font-weight:600;z-index:1}
.didac-form .didac-phone input{padding-left:76px!important}

/* One-line footer */
.d-foot{background:var(--ink);color:#d9d0bf;text-align:center;font-size:.85rem;padding:14px 16px;border-top:3px solid var(--saffron)}
.d-main{min-height:calc(100vh - 72px - 52px)}