@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&display=swap");:root{--n:#07133b;--p:#6335df;--v:#7b4bf2;--i:#101a34;--m:#66728a;--bg:#f7f8fc;--l:#e4e7f0;--s:0 18px 55px #0f19370f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--i);font-family:"Google Sans","Google Sans Local",Arial,sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.top{background:#030820;color:#cdd6e7;font-size:12px}.topin{display:flex;justify-content:space-between;padding:7px 0}.header{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 8px 30px #09123214}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:30px;font-weight:800;color:var(--n)}.logo .im{color:#9b53f4}.logo small{display:block;font-size:10px;color:var(--m);margin-top:-7px}.links{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:800}.links a:hover{color:var(--p)}.cta,.btn{display:inline-block;background:var(--p);color:#fff;padding:11px 17px;border-radius:9px;font-weight:800}.mobile{display:none}.hero{padding:32px 0 24px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.feature{min-height:410px;border-radius:20px;padding:42px;display:flex;align-items:end;color:#fff;background:linear-gradient(120deg,#07133be8,#4d29a8aa),url("../images/ai-learning-01.jpg") center/cover}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#d5c7ff;font-weight:900}.feature h1{font-size:clamp(40px,5vw,66px);line-height:1.02;margin:10px 0}.feature p{font-size:17px;max-width:650px;color:#e8e8f5}.ad{background:var(--n);color:#fff;border-radius:20px;padding:17px;min-height:250px;text-align:center;display:flex;flex-direction:column;justify-content:center}.adbox{background:linear-gradient(135deg,#0b1743,#4a22a8);border:1px solid #865cff;border-radius:12px;padding:24px}.adbox strong{display:block;font-size:28px}.section{padding:34px 0}.layout{display:grid;grid-template-columns:1fr 305px;gap:27px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section h2{font-size:31px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.side{background:#fff;border:1px solid var(--l);border-radius:16px;overflow:hidden;box-shadow:var(--s)}.card{transition:.2s}.card:hover{transform:translateY(-4px)}.pic{height:175px;background:center/cover}.pic{position:relative}.num,.rank{background:var(--p);color:#fff;border-radius:7px;padding:4px 8px}.num{position:absolute;left:10px;top:10px}.body{padding:17px}.cat{display:inline-block;background:#f0eaff;color:#5930c6;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:900}.card h3{font-size:19px;line-height:1.25;margin:9px 0}.card p{font-size:13px;color:var(--m)}.read{color:#5730c9;font-weight:900}.side{padding:18px;margin-bottom:19px}.popular{display:grid;gap:11px}.popular a{display:grid;grid-template-columns:31px 1fr;gap:9px;font-size:13px;font-weight:800}.newsletter{background:linear-gradient(135deg,#09133c,#5b27ca);color:#fff;border-radius:17px;padding:22px}.newsletter form{display:flex}.newsletter input{flex:1;min-width:0;border:0;padding:11px}.newsletter button{border:0;padding:0 12px}.widead{background:var(--n);color:#fff;text-align:center;border-radius:14px;padding:18px;margin:30px 0}.article{max-width:900px;margin:45px auto;background:#fff;border:1px solid var(--l);border-radius:23px;padding:clamp(25px,5vw,60px);box-shadow:var(--s)}.article h1{font-size:clamp(38px,5vw,60px);line-height:1.04}.article h2{margin-top:34px}.article p,.article li{font-size:17px}.article-image{width:100%;border-radius:15px;margin:22px 0}.notice{background:#fff8e5;border:1px solid #efd891;color:#665214;padding:16px;border-radius:12px}.search{display:flex;max-width:620px;background:#fff;border:1px solid var(--l);border-radius:10px;overflow:hidden}.search input{flex:1;border:0;padding:12px;outline:0;font:inherit}footer{margin-top:55px;background:#030820;color:#b9c4d8;padding:45px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot h3{color:#fff}.foot a{display:block;margin:6px 0}.copy{border-top:1px solid #ffffff18;padding-top:18px;margin-top:28px;font-size:12px}@media(max-width:950px){.links{display:none}.mobile{display:block}.hero-grid,.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}}@media(max-width:580px){.topin{display:none}.feature{padding:25px;min-height:430px}.grid,.foot{grid-template-columns:1fr}}