*{box-sizing:border-box}body{margin:0;background:#fbfbfe;color:#12162d;font-family:Inter,system-ui,Arial}a{text-decoration:none;color:inherit}header{height:76px;background:white;border-bottom:1px solid #e8eaf2;display:flex;align-items:center;padding:0 6%;gap:30px;position:sticky;top:0;z-index:5}.logo{font-size:22px;font-weight:800;margin-right:auto}.logo b{color:#6d4aff}nav{display:flex;gap:24px;color:#596276;font-size:14px}.btn{display:inline-block;background:linear-gradient(135deg,#6d4aff,#3d8cff);color:white;border:0;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer}.hero{text-align:center;padding:90px 20px;background:radial-gradient(circle at 50% 0,#eee9ff,transparent 45%)}.pill{display:inline-block;padding:8px 14px;border-radius:99px;background:#f1edff;color:#6045df;font-size:12px;font-weight:700}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-3px;margin:22px 0}.hero em{font-style:normal;color:#6d4aff}.hero p{max-width:650px;margin:auto;color:#667085;font-size:18px;line-height:1.6}.search{max-width:700px;margin:30px auto 18px;background:white;border:1px solid #e4e6ef;padding:7px;border-radius:15px;display:flex;align-items:center;gap:10px}.search input{flex:1;border:0;outline:0;font-size:15px}.search button,.newsletter button{border:0;background:#12162d;color:#fff;border-radius:9px;padding:11px 16px}section{max-width:1250px;margin:auto;padding:70px 6%}small{color:#6d4aff;font-weight:800;letter-spacing:1.2px;font-size:11px}h2{font-size:34px;letter-spacing:-1.5px}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cats a,.card,.articles article{background:white;border:1px solid #e8eaf2;border-radius:17px;padding:22px;transition:.2s}.cats a:hover,.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #1c1c3d10}.cats b,.cats small{display:block;margin-top:9px}.cats a{font-size:26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card .icon{font-size:27px}.card h3{margin:10px 0}.card p,.articles p{color:#667085;line-height:1.5}.card a,.articles a{color:#6d4aff;font-weight:700;font-size:13px}.tag,.articles span{color:#6d4aff;font-size:10px;font-weight:800}.filters{display:flex;gap:8px;margin:20px 0}.filters button{padding:9px 14px;border:1px solid #e5e7ef;background:white;border-radius:9px}.feature{max-width:1130px;padding:55px;background:#19172e;color:white;border-radius:25px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.feature p{color:#c9c6d8;line-height:1.6}.upload,.drop{background:white;color:#12162d;border:2px dashed #d9d5ef;border-radius:20px;text-align:center;padding:45px}.upload{font-size:30px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.newsletter{margin:30px auto 70px;background:#f0edff;border-radius:22px;display:flex;align-items:center;gap:15px}.newsletter input{padding:14px;border:1px solid #ddd;border-radius:9px;margin-left:auto}.toolpage{text-align:center;min-height:70vh}.drop{max-width:750px;margin:30px auto}.drop input{display:none}.preview{max-width:100%;max-height:330px;margin:20px auto;display:block;border-radius:12px}.note{color:#667085;font-size:12px}footer{padding:40px 6%;background:white;border-top:1px solid #e8eaf2;display:flex;gap:20px;align-items:center;flex-wrap:wrap}footer p{color:#667085;margin-right:auto}@media(max-width:800px){nav{display:none}.cats{grid-template-columns:repeat(2,1fr)}.grid,.articles,.feature{grid-template-columns:1fr}.newsletter{display:block}.newsletter input{margin:20px 0 0;width:100%}.hero h1{letter-spacing:-2px}}