body{margin:0;font:17px/1.65 Arial,sans-serif;color:#26364b}header{background:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:15px 7%;gap:15px}header img{width:170px;height:auto;max-height:100px;object-fit:contain}nav a{margin-right:16px;color:#26364b;text-decoration:none;font-weight:bold;font-size:14px}.hero{background:#eaf6fc;color:#26364b;padding:75px 7%;border-radius:0 0 40px 40px}.hero h1{font-size:clamp(38px,6vw,65px);line-height:1.1;max-width:800px}.hero p{font-size:21px;max-width:700px}.section{padding:65px 7%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:35px 0}.card{padding:27px;border:1px solid #dde8ee;border-radius:20px;text-decoration:none;color:#26364b;box-shadow:0 8px 24px #13447c13}.card h3{margin-top:8px}.card span{color:#246e9d;font-weight:bold}.emoji{font-size:40px;line-height:1.4}.btn{display:inline-block;background:#e9b54d;color:#26364b;padding:15px 27px;border-radius:30px;text-decoration:none;font-weight:bold}.note{background:#edf7fa;border-left:5px solid #74b5cc;padding:24px;border-radius:12px;max-width:850px}footer{background:#eaf6fc;color:#26364b;padding:40px 7%}footer a{color:#246e9d}a{color:#246e9d}h2{font-size:36px}@media(max-width:650px){header img{width:130px}.hero{padding:55px 7%}}
.quote-wrap{max-width:850px;margin:auto}.q-label{display:block;font-weight:700;margin:15px 0 7px}.q-input{width:100%;box-sizing:border-box;border:1px solid #bac3d9;border-radius:9px;padding:12px;font:inherit;background:white;color:#202942}.q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.q-field{min-width:0}.q-field.wide{grid-column:1/-1}.q-small{font-size:.88rem;color:#56617a}.q-entry{border:1px solid #d8ddeb;border-radius:12px;padding:14px;margin:12px 0;background:#fafbff}.q-entry h3{margin:0}.q-add{border:1px solid #29388b;background:white;color:#29388b;padding:9px 14px;border-radius:9px;font-weight:700;cursor:pointer}.mode-switch{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0;padding:14px;background:#f2f5ff;border-radius:12px}.mode-switch label{cursor:pointer}.q-shared{margin:22px 0}.quote-wrap button[disabled]{opacity:.6;cursor:not-allowed}.quote-wrap .note{margin-bottom:24px}@media(max-width:600px){.q-grid{grid-template-columns:1fr}.mode-switch{display:grid;gap:10px}}
