.sepucuk{color:#102b3b;min-height:100vh;font-family:var(--font-body,system-ui);background:#f7fbfb;padding:28px 6vw 80px}.sepucuk a{color:inherit}.snav{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;display:flex}.sbrand{font-size:20px;font-weight:800;text-decoration:none}.snavlinks{align-items:center;gap:18px;display:flex}.snavlinks a{color:#587082;text-decoration:none}.scontainer{max-width:1180px;margin:70px auto 0}.seyebrow{color:#0ea5a8;letter-spacing:.16em;font-size:12px;font-weight:800}.shero h1{max-width:850px;margin:14px 0;font-size:clamp(42px,7vw,84px);line-height:.98}.shero h1 span{color:#0ea5a8}.shero p{color:#6b7e89;max-width:670px;font-size:20px;line-height:1.6}.sbutton{color:#fff;cursor:pointer;background:#102b3b;border:0;border-radius:14px;justify-content:center;align-items:center;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex}.sbutton.alt{color:#087e82;background:#dff4f3}.sgrid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;display:grid}.stemplate{background:#fff;border:1px solid #dceded;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:230px;padding:22px;display:flex;box-shadow:0 15px 30px #1e59600c}.stemplate h3{margin:18px 0 8px;font-size:24px}.stemplate p{color:#70828c;line-height:1.5}.swatch{border-radius:16px;width:52px;height:52px}.snotice{color:#725a1b;background:#fff4d8;border-radius:14px;padding:14px}.editorGrid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:start;gap:28px;display:grid}.scard{background:#fff;border:1px solid #dceded;border-radius:26px;padding:26px;box-shadow:0 18px 45px #1e59600c}.sform{gap:14px;display:grid}.sform label{gap:7px;font-weight:700;display:grid}.sform input,.sform textarea,.sform select{font:inherit;color:inherit;border:1px solid #cfe3e5;border-radius:12px;padding:12px}.sform textarea{resize:vertical;min-height:190px}.spreview{text-align:center;background:linear-gradient(145deg,#e8fbfa,#fff);border-radius:22px;justify-content:center;align-items:center;min-height:510px;padding:32px;display:flex}.letter{background:#fff;border-radius:18px;width:100%;padding:34px 24px;box-shadow:0 20px 40px #1e596018}.letter h2{margin:12px 0;font-size:32px}.letter p{white-space:pre-wrap;color:#526a76;text-align:left;line-height:1.75}.sactions{flex-wrap:wrap;gap:10px;display:flex}.sstatus{color:#6b7e89;font-size:13px}.recipient{max-width:800px;margin:80px auto}.envelope{text-align:center;background:linear-gradient(145deg,#dff4f3,#fff);border:1px solid #bce3e2;border-radius:30px;padding:55px 28px;box-shadow:0 24px 60px #1e59601a}.envelope h1{margin:12px 0;font-size:clamp(36px,6vw,68px)}.openContent{animation:.45s reveal}.openContent img{object-fit:cover;border-radius:18px;max-width:100%;max-height:420px}.openContent .message{white-space:pre-wrap;text-align:left;color:#526a76;font-size:18px;line-height:1.8}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (max-width:900px){.sgrid{grid-template-columns:repeat(2,1fr)}.editorGrid{grid-template-columns:1fr}}@media (max-width:560px){.sepucuk{padding:20px 18px 60px}.snavlinks{gap:9px;font-size:13px}.scontainer{margin-top:50px}.sgrid{grid-template-columns:1fr}.shero p{font-size:17px}}.sepucuk fieldset{border:0;min-width:0;margin:0;padding:0}.sepucuk .scard,.sepucuk .sform label{min-width:0}.sepucuk .sform input,.sepucuk .sform textarea,.sepucuk .sform select{box-sizing:border-box;width:100%;min-width:0}.sepucuk .sform input[type=checkbox]{accent-color:#087e82;width:20px;height:20px}.sepucuk .sform small{font-size:12px;font-weight:400;line-height:1.6}.sepucuk .sbutton:disabled{opacity:.55;cursor:wait}.sepucuk .letter,.sepucuk .openContent{overflow-wrap:anywhere}.sepucuk .sform :focus-visible{outline-offset:3px;outline:2px solid #087e82}.openContent>img{margin-left:auto;margin-right:auto;display:block}
