:root{--green: #10302B;--green-2: #1d3f39;--cream: #F5F3EA;--paper: #FBFAF5;--sand: #E9E5D6;--line: #ddd8c6;--lime: #D4EE4E;--muted: #4a5a55;--display: Oswald, "Arial Narrow", sans-serif;--body: "Public Sans", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--green);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:3px}.wrap{max-width:720px;margin:0 auto;padding:32px 16px 64px;display:flex;flex-direction:column;gap:24px}.brand{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.02em;text-transform:uppercase;text-align:center}.letter{background:var(--paper);border-radius:20px;padding:clamp(24px,6vw,56px);display:flex;flex-direction:column;gap:20px;box-shadow:0 2px #d6d0bb,0 24px 48px #10302b1a}h1{margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(34px,7.4vw,56px);line-height:1.02;text-wrap:balance}.sub{margin:0;font-size:clamp(18px,3.4vw,21px);line-height:1.5;font-weight:600}.letter p{margin:0;font-size:18px;line-height:1.7;max-width:62ch}.stat{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;border-left:4px solid var(--lime);padding:4px 0 4px 16px}.stat b{font-family:var(--display);font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.stat span{font-size:15px;color:var(--muted)}.demo{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:center}@media(max-width:620px){.demo{grid-template-columns:minmax(0,1fr);justify-items:center}}.phone{width:100%;max-width:300px;background:#0b1512;border-radius:36px;padding:12px;box-shadow:0 30px 60px #10302b47}.screen{background:#fff;border-radius:26px;padding:14px 12px 16px;display:flex;flex-direction:column;gap:10px}.thread-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #eee}.thread-head i{width:26px;height:26px;border-radius:999px;background:var(--green);display:inline-block}.bubble{max-width:85%;padding:9px 12px;border-radius:18px;font-size:13.5px;line-height:1.4}.them{align-self:flex-end;background:#3d6bff;color:#fff;border-bottom-right-radius:6px}.video{align-self:flex-start;width:82%;max-width:100%;aspect-ratio:9 / 14;border-radius:16px;overflow:hidden;background:var(--green-2);position:relative;color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end}.twin{position:absolute;inset:16% 22% auto;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 50% 38%,#3f6a61 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,#3f6a61 0 48%,transparent 49%);opacity:.9}.play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:999px;background:var(--lime);color:var(--green);display:flex;align-items:center;justify-content:center}.cap{margin:0 8px 6px;background:#0b1512c7;border-radius:8px;padding:6px 8px;font-size:11.5px;line-height:1.35}.bar{display:flex;height:5px;gap:2px;margin:0 8px 4px;position:relative}.bar span{border-radius:2px;background:#f5f3ea59}.bar .s1{flex:10}.bar .s2{flex:20;background:var(--lime)}.bar .s3{flex:20}.head{position:absolute;top:-3px;width:3px;height:11px;background:#fff;border-radius:2px;left:0;animation:play 9s linear infinite}@keyframes play{0%{left:0}to{left:calc(100% - 3px)}}@media(prefers-reduced-motion:reduce){.head{animation:none;left:30%}}.time{display:flex;justify-content:space-between;margin:0 8px 8px;font-size:10px;opacity:.8;font-variant-numeric:tabular-nums}.book{align-self:flex-start;background:var(--lime);color:var(--green);font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px}.parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;min-width:0}.parts li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:start}.parts .t{font-family:var(--display);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;padding-top:2px}.parts .t.real{background:var(--lime);padding:2px 6px;border-radius:6px;justify-self:start}.parts b{display:block;font-size:16px}.parts span{font-size:15px;line-height:1.5;color:var(--muted)}.label{margin:0;font-size:12px!important;line-height:1.5!important;color:var(--muted)}.promises{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.promises li{font-size:17px;line-height:1.5;padding-left:26px;position:relative}.promises li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:999px;background:var(--lime);box-shadow:inset 0 0 0 2px var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:999px;font-weight:700;font-size:17px;text-decoration:none;cursor:pointer;font-family:inherit;background:var(--lime);color:var(--green);border:0}.btn:hover{filter:brightness(.96)}.btn:disabled{cursor:wait;opacity:.72}.sig{display:flex;align-items:center;gap:14px;padding-top:8px}.avatar{width:52px;height:52px;border-radius:999px;background:var(--green);color:var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:20px;flex:0 0 auto}.sig b{display:block;font-size:17px}.sig span{font-size:15px;color:var(--muted)}.sample{background:var(--green);color:var(--cream);border-radius:20px;padding:clamp(22px,5vw,36px);display:flex;flex-direction:column;gap:16px;scroll-margin-top:16px}.badge{align-self:flex-start;background:var(--lime);color:var(--green);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px}.sample h2{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(28px,6vw,38px);line-height:1.05;text-transform:uppercase;text-wrap:balance}.sample .lead{margin:0;font-size:17px;line-height:1.55;color:#d7e0db}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.steps li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5}.steps li span{flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:#2a5249;color:var(--lime);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}input,textarea{width:100%;border-radius:12px;border:0;padding:12px 14px;font:inherit;font-weight:400;font-size:16px;color:var(--green);background:#fff}input{min-height:50px}textarea{resize:vertical}.fine{margin:0;font-size:13px;line-height:1.5;color:#b9cbc4}.thanks{font-size:18px;line-height:1.6;background:#1d4a42;border-radius:14px;padding:18px}.error{color:#ffd7c2;font-size:15px;margin:0}footer{text-align:center;font-size:13px;color:var(--muted);line-height:1.6}.admin-wrap{max-width:920px;margin:0 auto;padding:32px 16px 64px;display:flex;flex-direction:column;gap:24px}.admin-panel{background:var(--paper);border-radius:20px;padding:clamp(22px,5vw,36px);box-shadow:0 2px #d6d0bb,0 24px 48px #10302b1a}.admin-title{margin:0 0 20px;font-family:var(--display);font-size:clamp(30px,6vw,42px);line-height:1.05;text-transform:uppercase}.admin-login{max-width:520px;margin:8vh auto}.admin-login form{gap:14px}.admin-login label{color:var(--green)}.admin-login input{border:1px solid var(--line)}.admin-error{color:#8b321c;margin:0;line-height:1.5}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.admin-top .admin-title{margin:0}.admin-logout{min-height:44px;padding:0 20px;font-size:15px}.submission-list{display:flex;flex-direction:column;gap:14px}.submission{border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:14px 24px}.submission-question{font-size:17px;line-height:1.5;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}.submission-meta{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.submission-meta time{font-variant-numeric:tabular-nums}.admin-state{padding:20px;background:var(--cream);border-radius:14px;line-height:1.6}.admin-skeleton{height:112px;background:linear-gradient(90deg,var(--cream),#eee9d8,var(--cream));background-size:200% 100%;animation:loading 1.4s ease-in-out infinite;border-radius:14px}@keyframes loading{to{background-position:-200% 0}}@media(max-width:620px){.submission{grid-template-columns:minmax(0,1fr)}.admin-top{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}