:root{--bg:#c9e9ef;--ink:#173f53;--paper:#f5f0de;--line:#173f5355;}
body{font-family:"Trebuchet MS",Arial,sans-serif}h1,h2{font-weight:800}.postcard{background:var(--paper);padding:45px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:30px;border:12px solid var(--paper);outline:2px dashed var(--ink);outline-offset:-8px}.postcard h1{font-size:clamp(78px,10vw,145px);margin:26px 0}.postcard .button{margin-top:30px}.postcard .scene{transform:rotate(3deg)}.moment-strip{display:flex;justify-content:space-between;gap:30px;border-block:1px solid var(--line);padding:45px 0;font:italic 26px/1.5 Georgia,serif}.writing-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:80px;align-items:end;margin-bottom:35px}.writing-paper{background:var(--paper);border:1px solid var(--ink);padding:50px;max-width:930px;margin-left:auto}.writing-paper textarea{background:repeating-linear-gradient(var(--paper),var(--paper) 35px,#cad1c3 36px);font:22px/36px Georgia,serif;min-height:220px}.writing-paper .small{margin:18px 0}.postmark-quote{text-align:center;max-width:900px;margin:auto;padding:0 20px}.postmark-quote h2{font:clamp(38px,5.5vw,78px)/1.2 Georgia,serif;letter-spacing:-.04em}.postmark-quote p{margin:30px auto 0}.postmark{font-size:100px;line-height:1.2;color:#ce442e}.postcard-front,.postcard-back{height:290px;border:1px solid var(--ink);margin-bottom:30px;padding:30px}.postcard-front{background:#ce442e;color:#fff8ee;font-size:58px;line-height:1;font-weight:bold}.postcard-back{position:relative;background:var(--paper)}.postcard-back:before{content:"";position:absolute;left:50%;top:20%;height:65%;border-left:1px solid var(--ink)}.postcard-back i{position:absolute;right:25px;top:25px;width:55px;height:65px;border:2px dashed var(--ink)}.postcard-back b{position:absolute;left:60%;top:55%;width:32%;height:70px;background:repeating-linear-gradient(transparent,transparent 21px,var(--ink) 22px,transparent 23px)}.two article p{margin-top:18px}.login-page main{grid-template-columns:minmax(0,1fr);max-width:620px;gap:20px;padding-top:20px}.login-scene{max-width:340px;align-self:center}.login-scene h2{display:none}.login-scene svg{max-height:190px}.login-card{max-width:520px;border:2px dashed var(--ink);padding:32px;background:var(--paper)}.login-card h1{text-align:center}.login-card>p{text-align:center}@media(max-width:850px){.postcard{padding:26px 18px;grid-template-columns:minmax(0,1fr)}.postcard h1{font-size:90px}.postcard .scene{margin-top:-5px}.moment-strip{flex-direction:column;font-size:24px}.writing-heading{grid-template-columns:minmax(0,1fr);gap:25px}.writing-paper{padding:25px}.postcard-front,.postcard-back{height:240px}.login-card{padding:25px}.login-page main{width:90%}}