@charset "UTF-8";
:root{--ink:#26332e;--muted:#68746d;--paper:#f6f5f1;--orange:#ed742e;--yellow:#ffda6b;--line:#e2e5dc;--green:#356249}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,label:has(+input:focus-visible){outline:3px solid #6b876d;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1200px;padding:30px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px;color:var(--ink);text-decoration:none}.brand-logo{display:block;width:165px;height:auto;flex-shrink:0}.brand-divider{height:30px;width:1px;background:#cdd4c8}.brand-caption{font-size:11px;letter-spacing:2px;line-height:1.5}.brand-caption b{font-size:10px;font-weight:500;letter-spacing:0}.top-label{font-size:10px;letter-spacing:2px;color:var(--muted)}.layout{max-width:1128px;margin:32px auto 0;display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;padding:0 0 36px;align-items:start}.intro{padding-top:46px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:12px;align-items:center}.small-line{display:block;width:25px;height:3px;background:var(--orange)}h1{font-size:clamp(34px,3.6vw,48px);line-height:1.17;letter-spacing:-1.8px;font-weight:680;margin:23px 0}h1 span{color:var(--orange)}.lead{font-size:16px;color:var(--muted);max-width:380px;line-height:1.75}.illustration{width:265px;margin:28px 0 20px}.illustration svg{width:100%;display:block}.quiet-note{display:flex;gap:13px;align-items:center;font-size:12px}.quiet-note p{margin:0;color:var(--muted)}.quiet-note strong{color:var(--ink);font-size:13px;font-weight:600}.lock-icon{border:1px solid #ccd5c8;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--green)}.urgent{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:12px;color:var(--muted);max-width:380px}.form-card{background:#fff;border:1px solid #e4e6df;border-radius:22px;padding:30px;box-shadow:0 12px 50px #29362e06;overflow:hidden}.location{display:flex;gap:12px;padding:15px;background:#f4f6f1;border:1px solid #e6e9e0;border-radius:12px;margin-bottom:28px}.pin{width:30px;flex-shrink:0;color:#607d60}.pin svg{width:24px;margin-top:4px}.location-label{font-size:10px;letter-spacing:1px;color:#647760;font-weight:700}.location h2{margin:3px 0 4px;font-size:19px;font-weight:650;line-height:1.3}.location p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}.location-check{margin-left:auto;color:#70896c;font-size:16px}.field-label{display:block;font-weight:650;font-size:14px;margin-bottom:10px}.field-label>span:not(.optional){color:#cb692e}textarea{width:100%;min-height:140px;resize:vertical;border:1px solid #d9ded5;border-radius:10px;padding:14px;color:var(--ink);font-size:14px;line-height:1.7;background:#fff;outline:none}textarea:focus{border-color:#779875;box-shadow:0 0 0 3px #eaf0e6}textarea::placeholder{color:#929b93}.field-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#8a948b;margin:6px 0 26px}.photo-heading{display:flex;align-items:center;justify-content:space-between}.optional{color:#89938b;font-size:11px;font-weight:400;margin-left:6px}#photo-count{font-size:12px;color:var(--muted);margin-bottom:10px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;min-height:153px;background:#fbfbf8;border:1.5px dashed #cdd4c7;border-radius:12px;text-align:center;transition:.15s}.upload-zone:hover,.upload-zone.drag{background:#f3f6ed;border-color:#75976d}.camera-icon{color:#6f816b;width:28px;height:28px;margin-bottom:8px}.camera-icon svg{width:100%}.upload-zone strong{font-size:13px;font-weight:600}.upload-zone>span:last-child{font-size:11px;color:#8b9489;line-height:1.65;margin-top:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden:focus-visible+label{outline:3px solid #75976d;outline-offset:3px}.previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.photo{position:relative;min-width:0;background:#f2f3ee;border-radius:8px;overflow:hidden}.photo-image{width:100%;height:85px;object-fit:cover;display:block}.photo-placeholder{height:85px;display:grid;place-items:center;font-size:12px;color:var(--muted)}.photo-caption{padding:6px;font-size:10px;line-height:1.3;color:var(--muted)}.photo-caption span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-photo{position:absolute;right:4px;top:4px;width:28px;height:28px;border:1px solid #ddd;background:#fffffff0;border-radius:50%;font-size:20px;line-height:20px;color:var(--ink)}.submit-button{width:100%;border:0;border-radius:10px;background:var(--yellow);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:14px;margin-top:23px;color:#413922;min-height:51px}.submit-button:hover{background:#ffd14c}.submit-button:disabled{opacity:.55;cursor:not-allowed}.submit-button span:last-child{font-size:23px;line-height:1}.privacy-line{font-size:10px;line-height:1.7;color:#879184;text-align:center;margin:13px 8px 0}.privacy-line button{padding:0;border:0;color:#62745e;background:transparent;text-decoration:underline;font-size:inherit}.error{font-size:12px;color:#a43b28;margin:8px 0}.error-box{background:#fff1ec;border:1px solid #f3d4c7;border-radius:8px;padding:12px}.setup-note{padding:10px 12px;background:#fff6d8;color:#76602d;border-radius:8px;margin-bottom:20px;font-size:12px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}progress{width:100%;height:8px;accent-color:var(--green);margin-top:15px}#progress-text{font-size:12px;color:var(--muted);margin:3px 0}.success{text-align:center;padding:25px 0}.success-icon{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 25px;border-radius:50%;background:#eaf3e6;color:#517446;font-size:30px}.section-kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.success h2,.empty-state h2{font-size:28px;line-height:1.3;letter-spacing:-.6px}.success p,.empty-state p{color:var(--muted);font-size:14px}.receipt{background:#f5f6f1;border-radius:12px;padding:18px;margin:25px 0}.receipt span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.receipt strong{font-size:13px;overflow-wrap:anywhere}.secondary-button{background:#fff;border:1px solid #cbd6c5;border-radius:9px;padding:10px 20px;color:var(--green);margin-top:15px}.empty-state{padding:50px 0}.empty-state h2{max-width:300px}.empty-state p{max-width:330px}dialog{border:1px solid #d7ddd0;border-radius:18px;padding:30px;max-width:520px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#19281f66}dialog h2{font-size:22px;margin-right:20px}dialog p,dialog a{font-size:13px}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1128px;margin:15px auto 0;padding:20px 0 30px;display:flex;justify-content:space-between;font-size:11px;color:#8a9489}
@media(max-width:1200px){.layout{padding:0 36px 35px;gap:50px}footer{margin-left:36px;margin-right:36px}}@media(max-width:760px){.topbar{padding:22px 22px}.brand-logo{width:140px}.brand-caption{font-size:10px}.top-label{display:none}.layout{display:block;margin:3px auto 0;padding:0 18px 15px;max-width:540px}.intro{padding:15px 5px 0}h1{font-size:35px;letter-spacing:-1px;margin:16px 0 12px}h1 br{display:none}.eyebrow{font-size:9px}.lead{font-size:14px;margin:0 0 18px;max-width:100%}.illustration,.quiet-note{display:none}.urgent{border:0;padding:0;margin:0 0 23px;font-size:11px;max-width:100%}.form-card{padding:20px;border-radius:17px}.location{padding:12px;margin-bottom:23px}.location h2{font-size:18px}.field-label{font-size:14px}textarea{font-size:16px;min-height:150px}.field-meta{font-size:10px}.photo-heading .field-label{font-size:14px}.upload-zone{min-height:140px}.privacy-line{font-size:10px}footer{max-width:504px;margin:12px 22px 0;padding:18px 0;font-size:10px}.receipt strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Original Shell Pecten from the header at https://www.shell.bg/ */
.site-logo{display:block;width:54px;height:54px;object-fit:contain;flex-shrink:0;align-self:flex-start}
@media(max-width:760px){.site-logo{width:44px;height:44px}}

/* Mandatory photos, native mobile capture, prominent safety notice. */
.urgent{display:flex;align-items:flex-start;gap:12px;max-width:400px;margin:25px 0 0;padding:16px;background:#fff4dc;border:1px solid #ebc681;border-left:4px solid #c27a16;border-radius:10px;color:#65400f;font-size:13px;line-height:1.6}
.urgent p{margin:0}.urgent strong{display:block;font-weight:750}.urgent p>span{display:block;margin-top:7px;font-weight:600}.urgent-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#925a10;color:white;font-weight:850;font-size:18px;line-height:1}
.camera-button{display:none;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;padding:12px 16px;margin-top:10px;border:1px solid #9aaf91;border-radius:10px;background:#eef4e9;color:#355b39;font-weight:650;font-size:14px}.camera-button svg{width:22px;height:22px;flex-shrink:0}.camera-button:hover{background:#e3eddb}.camera-button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.urgent{max-width:100%;margin:0 0 23px;padding:14px;font-size:13px;gap:10px}}
@media(max-width:760px),(pointer:coarse){.camera-button{display:flex}}