:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eaf0fa;background:#101827;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 60%,#173739 0,transparent 55%),#101827}header{max-width:1180px;margin:auto;padding:32px 40px;display:flex;justify-content:space-between;align-items:center}.brand{color:#fff;text-decoration:none;font-size:27px;font-weight:850;letter-spacing:2px}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:1px;color:#9dabba;margin-top:4px}.badge{font-size:12px;border:1px solid #405063;border-radius:30px;padding:8px 14px}.badge.online{color:#75e8bf;border-color:#307560}main{max-width:1080px;padding:48px 32px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.eyebrow{color:#60d6b2;font-size:12px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(36px,4.4vw,58px);line-height:1.1;letter-spacing:-2px;margin:24px 0}p{line-height:1.65}.intro>p{color:#b1c0cc;max-width:360px;font-size:17px}.note{margin-top:48px;border-left:2px solid #4bc29d;padding-left:18px;color:#91a6b3;max-width:350px;font-size:13px;line-height:1.7}.panel{background:#182335;border:1px solid #324050;border-radius:24px;padding:30px;box-shadow:0 24px 70px #0003}h2{font-size:23px;margin:0 0 8px}.sub{font-size:14px;color:#a0afc1;margin:0 0 24px}label{display:block;font-size:13px;margin:18px 0 8px;color:#c6d0de}input,select{width:100%;border:1px solid #415067;border-radius:10px;background:#101b2b;color:#fff;padding:13px;font:inherit}input:focus,select:focus,button:focus-visible{outline:2px solid #65d9b2;outline-offset:3px}button{cursor:pointer;border:1px solid #3a4b61;border-radius:10px;background:#223047;color:#fff;font:inherit;padding:12px}button:disabled{opacity:.45;cursor:default}.primary{background:#64dfb3;color:#09291e;border:0;font-weight:700;width:100%;margin-top:22px}.danger{background:#a83545;border:0;width:100%;margin-top:12px}.privacy{font-size:11px;text-align:center;color:#8ca0b5;margin:18px 0 0}#message{color:#ffc69c;font-size:13px;margin:16px 0 0;overflow-wrap:anywhere}#message:empty{display:none}footer{text-align:center;color:#74899c;font-size:11px;padding:22px}.account{display:flex;justify-content:space-between;align-items:center}.account span{font-size:12px;color:#9bb0c5}.small{padding:8px 12px;font-size:12px}.number{display:flex;gap:8px}.number input{text-align:center;font-size:24px;min-width:0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.keypad button{font-size:23px;padding:9px}.keypad small{display:block;font-size:8px;letter-spacing:2px;color:#9ab0c6;height:12px}#call-status{text-align:center;font-size:13px;color:#9db8c8;margin:18px 0 0}.controls{display:flex;gap:8px;margin-top:12px}.controls button{flex:1;font-size:12px}details{font-size:12px;color:#9eb0c3;margin-top:22px}summary{cursor:pointer}#history{padding-left:18px;line-height:1.9}#incoming{text-align:center}button:hover:enabled{filter:brightness(1.12)}[hidden]{display:none!important}@media(max-width:760px){header{padding:24px}main{display:block;padding:12px 20px 32px;max-width:480px}.intro{margin-bottom:30px}.intro h1{font-size:35px;letter-spacing:-1px}.intro>p{font-size:14px}.note{display:none}.eyebrow{font-size:10px}.panel{padding:24px}.badge{font-size:10px;padding:7px 10px}footer{padding:0 0 22px}}