*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033;line-height:1.6}.wrap{width:min(1200px,92%);margin:auto}header{position:sticky;top:0;z-index:10;background:#07152d}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{color:white;text-decoration:none;font-size:21px;font-weight:800}.brand b,small{color:#d9ad55}nav{display:flex;gap:25px}nav a{color:#fff;text-decoration:none;font-size:14px}.hero{color:white;background:linear-gradient(135deg,#07152d,#102b54);padding:85px 0}.heroGrid{display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:center}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:15px 0}.hero h1 span{color:#d9ad55}.hero p{font-size:18px;color:#d8e0ed;max-width:700px}.heroCard{padding:28px;border:1px solid #ffffff26;border-radius:18px;background:#ffffff0d}.btn{display:inline-block;padding:12px 18px;border-radius:9px;text-decoration:none;font-weight:800;border:0;cursor:pointer;margin:5px 4px 5px 0}.primary{background:#d9ad55;color:#07152d}.ghost{border:1px solid #ffffff44;color:white}.whatsapp{background:#25d366;color:#fff}.dark{background:#07152d;color:#fff}.section{padding:70px 0}.center{text-align:center;margin-bottom:35px}.center h2,.about h2,.contact h2{font-size:36px;color:#07152d}.dash{display:grid;grid-template-columns:220px 1fr;gap:20px}.side{background:#fff;border:1px solid #e3e7ef;border-radius:15px;padding:12px;height:max-content;position:sticky;top:85px}.side button{display:block;width:100%;padding:12px;border:0;background:transparent;text-align:left;border-radius:8px;font-weight:700;cursor:pointer;margin:4px 0}.side button.active,.side button:hover{background:#07152d;color:#fff}.tool{display:none;background:#fff;border:1px solid #e3e7ef;border-radius:15px;padding:28px;box-shadow:0 12px 35px #07152d0c}.tool.active{display:block}.tool h3{font-size:28px;color:#07152d;margin:5px 0}.tool p{color:#687386}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}label{display:block;font-weight:700;margin:10px 0}input,select,textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #d4dae5;border-radius:8px;font:inherit}textarea{min-height:120px;resize:vertical}.result{margin-top:20px;padding:18px;border-left:4px solid #376fc7;background:#f4f8ff;border-radius:8px;min-height:60px}.result .big{font-size:40px;font-weight:900;color:#07152d}.code{white-space:pre-wrap;font-family:Consolas,monospace}.about{background:#fff}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#f7edd8;padding:7px 11px;border-radius:20px;font-size:12px;font-weight:700}.contact{background:#fff;margin:40px auto;padding:45px;border-radius:18px}.contact p{color:#687386}footer{background:#040d1c;color:#aeb9ca;text-align:center;padding:30px}footer a{color:#fff}.disclaimer{text-align:center;background:#eef1f6;color:#687386;font-size:12px;padding:10px}@media(max-width:800px){.heroGrid,.dash{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:1fr}nav{display:none}}