*{box-sizing:border-box}body{color:#10233f;background:#f7faff;margin:0;font-family:Arial,sans-serif}main{max-width:1400px;margin:auto}header{background:#fff;border:1px solid #e5edf7;border-radius:22px;align-items:center;gap:28px;height:82px;margin:18px 22px 0;padding:0 22px;display:flex;box-shadow:0 8px 28px #163b6b0b}.logo{white-space:nowrap;color:#1267d8;font-size:25px;font-weight:800}.logo span{color:#5b8fd8}nav{flex:1;gap:8px;display:flex}nav a{color:#52657e;border-radius:14px;padding:15px 18px;font-weight:650}.active{background:#eaf3ff;color:#1165d8!important}.login{color:#fff;background:#1267d8;border:0;border-radius:12px;padding:13px 20px;font-weight:700}.hero{background:linear-gradient(135deg,#edf6ff,#fff);border:1px solid #dceafb;border-radius:30px;grid-template-columns:1.25fr .75fr;min-height:420px;margin:30px 22px 22px;padding:58px 62px;display:grid}.badge{color:#1768ce;background:#e5f1ff;border-radius:99px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-block}.hero h1{margin:20px 0 14px;font-size:55px;line-height:1.08}.hero h1 b{color:#1167d8}.hero p{color:#60728a;font-size:18px}.composer{background:#fff;border:1px solid #d7e4f3;border-radius:18px;max-width:720px;margin-top:25px;padding:10px;box-shadow:0 12px 30px #1d5e9c12}.composer textarea{resize:none;border:0;outline:0;width:100%;height:76px;padding:10px;font-size:15px}.composer button,.primary{color:#fff;background:#1267d8;border:0;border-radius:12px;padding:13px 18px;font-weight:700}.heroArt{color:#1267d8;background:#ddecff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:270px;height:270px;margin:auto;font-size:70px;display:flex;box-shadow:inset 0 0 0 25px #edf6ff}.heroArt div{text-align:center;color:#48627f;font-size:17px}.cards{grid-template-columns:repeat(5,1fr);gap:15px;margin:22px;display:grid}.card{background:#fff;border:1px solid #e1eaf4;border-radius:20px;min-height:170px;padding:23px;position:relative;box-shadow:0 8px 22px #173f7008}.icon{color:#1267d8;background:#edf5ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.card h3{margin:18px 0 7px}.card p{color:#718197;margin:0;font-size:14px;line-height:1.5}.card>span{color:#1267d8;font-size:20px;position:absolute;bottom:20px;right:22px}.templates,.result{margin:45px 22px}.sectionHead{justify-content:space-between;align-items:center;display:flex}.sectionHead h2{font-size:25px}.sectionHead a{color:#1267d8;font-weight:700}.chips{flex-wrap:wrap;gap:10px;display:flex}.chips span{background:#fff;border:1px solid #dfe8f2;border-radius:12px;padding:13px 17px}.result{background:#fff;border:1px solid #dfe8f2;border-radius:20px;padding:25px}.result textarea{border:1px solid #dce5ef;border-radius:12px;width:100%;min-height:360px;padding:18px;font-size:15px;line-height:1.65}.result button{margin:12px 8px 0 0}.secondary{background:#fff;border:1px solid #b9cce2;border-radius:12px;padding:13px 18px;font-weight:700}footer{text-align:center;color:#8291a5;padding:40px 20px}@media (max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:35px}.heroArt{display:none}.cards{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}}@media (max-width:600px){.cards{grid-template-columns:1fr}header{margin:10px}.hero{margin:15px 10px}.templates,.result{margin:30px 10px}}