*{box-sizing:border-box}body{margin:0;background:#10141c;color:#f3f4f6;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header,main,footer{max-width:1120px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand span{font-size:10px;letter-spacing:4px;line-height:1.2;color:#a7aebb}.brand strong{display:block;color:#f3f4f6;font-size:25px;letter-spacing:1px}.tag{font-size:10px;letter-spacing:2px;color:#a7aebb}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:50px;padding:48px 32px 64px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#e3c79e}.eyebrow span{display:inline-block;width:6px;height:6px;background:#c9a57a;border-radius:50%;margin-right:7px}h1{font-size:clamp(42px,5vw,66px);letter-spacing:-3px;line-height:1.08;margin:25px 0}h1 em{font-style:normal;color:#c9a57a}.lead{font-size:18px;color:#a7aebb;max-width:420px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px}button{cursor:pointer;font:inherit;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #7fd1f5;outline-offset:4px}.actions button{border:1px solid #c9a57a;background:#c9a57a;color:#10141c;border-radius:15px;padding:14px 17px;display:flex;align-items:center;gap:12px;flex:1;text-align:left}.actions button+button{background:#1a1f29;color:#f3f4f6;border-color:#3c4351}.actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.actions button span{font-size:11px}.actions strong{display:block;font-size:17px}.actions .arrow{font-size:22px;margin-left:auto}.availability{font-size:12px;color:#8b93a3;margin-top:16px}.visual{position:relative;display:flex;justify-content:center;padding:20px 0 34px;background:radial-gradient(ellipse,#25354c66,transparent 68%)}.phone{width:266px;border:5px solid #363d4b;border-radius:38px;background:#1a1f29;box-shadow:0 28px 60px #0006;overflow:hidden;transform:rotate(3deg);position:relative;padding-top:12px}.notch{width:70px;height:15px;border-radius:12px;background:#0c1017;margin:auto}.phone-head{display:flex;align-items:center;gap:8px;padding:16px 12px;font-size:15px}.phone-head>span{margin-left:auto}.stories{display:flex;justify-content:space-around;padding:5px 8px 17px}.stories i{display:grid;place-items:center;width:44px;height:44px;border:2px solid #c9a57a;border-radius:50%;font-size:11px;font-style:normal;background:#2a3040}.stories i:first-child{border-style:dashed}.author{display:flex;align-items:center;gap:8px;padding:10px;font-size:11px}.author b{background:#d6dbea;color:#343e52;border-radius:50%;padding:9px}.author small{display:block;color:#8b93a3;font-size:9px}.author>span:last-child{margin-left:auto}.landscape{height:190px;background:linear-gradient(#f4a066,#ffd590);position:relative;overflow:hidden}.sun{position:absolute;left:55%;top:40px;width:66px;height:66px;border-radius:50%;background:#ffe89a}.mountains{position:absolute;bottom:65px;width:100%;height:85px;background:#684d3f;clip-path:polygon(0 70%,20% 30%,37% 60%,66% 5%,100% 70%,100% 100%,0 100%)}.water{position:absolute;bottom:0;height:80px;width:100%;background:linear-gradient(#487b91,#27485f)}.reactions{padding:8px 12px;font-size:23px}.reactions span{float:right}.post p{font-size:10px;margin:0 12px 18px}.chat{margin:0 10px 16px;padding:12px 8px;background:#10141c;border-radius:14px;display:flex;align-items:center;gap:9px;font-size:12px}.hash{background:#0e8c8c;padding:4px 11px;border-radius:10px;font-size:25px}.chat small{display:block;color:#a7aebb;font-size:10px}.online{width:6px;height:6px;background:#5cc98a;border-radius:50%;margin-left:auto}.phone-nav{display:flex;justify-content:space-around;font-size:7px;border-top:1px solid #2a3040;padding:15px 2px 19px;color:#a7aebb}.phone-nav span:first-child{color:#c9a57a}.bubble{position:absolute;font-family:monospace;font-weight:bold;padding:11px 16px;border-radius:12px;z-index:2;box-shadow:0 10px 30px #0004}.b1{right:0;top:26px;background:#7a1e8c;transform:rotate(9deg)}.b2{left:-5px;bottom:85px;background:#0e8c8c;transform:rotate(-8deg)}.b3{right:0;bottom:5px;background:#1e7b36;transform:rotate(7deg)}.illustration{position:absolute;bottom:-16px;color:#8b93a3;font-size:10px}.bottom{margin:0 32px;padding:25px 0;border-top:1px solid #2a3040;display:flex;align-items:center;justify-content:space-between;color:#8b93a3;font-size:12px}.bottom strong{color:#f3f4f6;font-size:14px}.bottom p{line-height:1.8}footer{display:flex;justify-content:space-between;padding:22px 32px 32px;font-size:11px;color:#8b93a3}dialog{border:1px solid #3c4351;background:#1a1f29;color:#f3f4f6;border-radius:22px;width:min(460px,calc(100% - 32px));padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#a7aebb;width:44px;font-size:28px}h2{line-height:1.2;font-size:27px}.notice{background:#10141c;padding:14px;border-radius:12px;color:#e3c79e;font-size:14px}ol{padding-left:23px;color:#a7aebb;font-size:14px}li{margin:10px 0}.hint{font-size:12px;color:#8b93a3}.done{width:100%;border:0;border-radius:14px;background:#c9a57a;color:#10141c;font-weight:700;padding:12px}@media(max-width:700px){header{height:82px;padding:16px 22px}.tag{font-size:8px;letter-spacing:1px}.hero{grid-template-columns:1fr;padding:24px 22px 30px;gap:18px}.copy{text-align:center}h1{letter-spacing:-2px;font-size:46px}.lead{margin:20px auto;font-size:16px}.actions{max-width:440px;margin:25px auto 0}.actions button{padding:12px;gap:8px}.actions strong{font-size:15px}.actions .arrow{display:none}.visual{max-width:380px;width:100%;margin:auto}.bottom{margin:20px 22px 0;display:block;text-align:center}footer{padding:20px 22px;gap:20px;font-size:10px}.b2{font-size:13px}.b1,.b3{font-size:13px}}