*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#203530;font-family:Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button,a{touch-action:manipulation}.shell{display:grid;grid-template-columns:46% 54%;min-height:100vh}.story{background:#173d35;color:#f6f6ec;padding:42px 54px;display:flex;flex-direction:column;overflow:hidden;position:relative}.brand{font-size:35px;font-weight:800;letter-spacing:-1.6px}.brand span{color:#d8f095;margin-left:6px}.story-main{margin:auto 0;padding:55px 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#bdd0bd}.story h1{font-size:clamp(45px,5.4vw,79px);line-height:1.03;letter-spacing:-4px;margin:24px 0}.story em{font-family:Georgia,serif;font-weight:400;color:#d9ecae}.intro{color:#c9d8cf;line-height:1.8;font-size:15px}.composition{position:relative;height:235px;margin:30px 0 0 25px;max-width:380px}.card{position:absolute;background:#fffbed;padding:12px;box-shadow:0 12px 35px #061f3140;border-radius:3px}.back{width:166px;height:186px;left:12px;top:5px;transform:rotate(-13deg);background:#e6b6a1;overflow:hidden;border:12px solid #fffbed}.front{width:187px;height:211px;left:122px;top:14px;transform:rotate(9deg)}.landscape{height:151px;background:#cddad3;overflow:hidden;position:relative}.sun{width:53px;height:53px;background:#efba69;border-radius:50%;position:absolute;left:23px;top:20px}.hill{width:240px;height:190px;background:#42735c;position:absolute;top:73px;left:-15px;border-radius:50% 40% 0 0;transform:rotate(25deg);box-shadow:45px 22px 0 #244e43}.front p{font:italic 12px Georgia;text-align:center;color:#354a3e;margin:15px 0}.sticker{position:absolute;right:-5px;bottom:25px;background:#dcf299;color:#173d35;padding:18px;border-radius:50%;font-weight:700;transform:rotate(-12deg);font-size:13px}.story-footer{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px;color:#c0d1c5}.form-side{padding:43px 58px 24px;display:flex;flex-direction:column}.form-side header{display:flex;justify-content:space-between;gap:16px;font-size:12px;align-items:center}.badge{font-size:11px;color:#54745f}.form-side header a{font-weight:600}.form-wrap{width:100%;max-width:425px;margin:auto;padding:60px 0 44px}.dark{color:#6d806d;font-size:10px}h2{font-size:39px;line-height:1.15;letter-spacing:-1.5px;margin:15px 0}p.subtitle{color:#758078;line-height:1.6}.tabs{display:flex;background:#efeee8;padding:4px;border-radius:9px;margin:28px 0}.tabs a{width:50%;padding:12px;text-align:center;font-weight:600;font-size:13px;border-radius:7px}.tabs a[aria-current]{background:white;box-shadow:0 2px 5px #182b3010}label{display:block;font-size:12px;font-weight:600;margin:19px 0 8px}input:not([type=checkbox]){width:100%;padding:14px 15px;border:1px solid #d8ddd6;border-radius:8px;background:#fff;color:#203530}input::placeholder{color:#99a29b}.password{position:relative}.password input{padding-right:65px!important}.reveal{position:absolute;right:12px;top:12px;background:none;border:0;font-size:12px;color:#46694e;cursor:pointer;padding:4px}.row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:16px 0 22px}.row a{text-decoration:underline;text-underline-offset:4px}.check{display:flex;gap:9px;align-items:center;margin:0;font-weight:400;line-height:1.5}input[type=checkbox]{accent-color:#244e3b;width:16px;height:16px;flex-shrink:0}.primary{background:#254f3f;color:white;width:100%;padding:16px 18px;border:0;border-radius:8px;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-top:22px}.primary:hover{background:#153c2c}.primary:disabled,.disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;border:1px solid #cbd5cc;border-radius:8px;padding:12px;cursor:pointer;display:inline-block;color:#244c38;font-size:13px;margin:12px 8px 0 0}.bottom{text-align:center;font-size:12px;color:#748176;margin:22px 0}.bottom a{color:#2c533f;font-weight:600;text-decoration:underline}.privacy{border-top:1px solid #e1e3da;padding-top:22px;margin-top:30px;display:flex;gap:12px;color:#738174;font-size:11px;line-height:1.7}.privacy>span{font-size:25px;color:#466348}.privacy p{margin:0}.privacy strong{color:#53644f;font-weight:600}footer{font-size:10px;color:#8c968b;display:flex;justify-content:space-between}#message{background:#f8e8e0;border:1px solid #dfbaa6;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;margin-bottom:16px}code{word-break:break-all;display:block;background:#eff1e7;padding:16px;font-size:15px;margin:20px 0}.recovery p{font-size:13px;line-height:1.7}.recovery .check{margin-top:20px}[hidden]{display:none!important}.hint{font-size:11px;color:#7c867a;line-height:1.6;margin:8px 0}.busy{opacity:.7}@media(max-width:1000px){.story{padding:35px}.form-side{padding:35px}.story-footer span:last-child{display:none}.composition{margin-left:0;transform:scale(.85);transform-origin:left}}@media(max-width:700px){.shell{display:block}.story{padding:22px 25px}.brand{font-size:29px}.story-main,.story-footer{display:none}.form-side{padding:25px}.form-side header{font-size:11px}.form-wrap{padding:35px 0}h2{font-size:34px}.form-side footer{margin-top:15px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,opacity .15s}}
.demo-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.demo-controls button{border:1px solid #608371;background:transparent;color:#deeadc;padding:9px 13px;border-radius:20px;font-size:11px;cursor:pointer}.demo-controls button[aria-pressed=true]{background:#ddefb4;color:#244534;border-color:#ddefb4}.demo-caption{font-size:11px;color:#c4d7c1;line-height:1.7;max-width:350px;min-height:38px}.demo-mono .landscape{filter:grayscale(1)}.demo-crop .landscape .hill{transform:rotate(25deg) scale(1.4)}.demo-frame .front{background:#d6ba8d;box-shadow:0 0 0 5px #ecdbbd,0 15px 40px #071e3655}.how-it-works{border:1px solid #e0e5d7;background:#f2f5ea;padding:15px;border-radius:10px;font-size:12px;line-height:1.7;margin-top:24px}.how-it-works summary{cursor:pointer;font-weight:600;color:#466239}.how-it-works ol{padding-left:20px}.how-it-works li{padding:6px 0}.how-it-works p{color:#6c7c60;font-size:11px}.story-main{padding-top:35px}.story h1{font-size:clamp(44px,5vw,70px)}@media(prefers-reduced-motion:no-preference){.front{animation:float-front 6s ease-in-out infinite}.back{animation:float-back 7s ease-in-out infinite}.landscape,.hill{transition:filter .35s,transform .35s}.form-wrap{animation:enter .5s ease-out}@keyframes float-front{50%{transform:translateY(-7px) rotate(7deg)}}@keyframes float-back{50%{transform:translateY(5px) rotate(-10deg)}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(max-width:700px){.story{padding:20px 25px}.form-wrap{padding-top:25px}.how-it-works{margin-top:18px}.form-side header .badge{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}