*{box-sizing:border-box}body{margin:0;color:#191b2b;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 15% 10%,#f8e2ec,transparent 30%),radial-gradient(circle at 85% 15%,#dce5fa,transparent 35%),linear-gradient(135deg,#eee8ef,#e7ebf6);min-height:100vh}.glass{background:#ffffff72;border:1px solid #fff;box-shadow:0 18px 50px #54507112;backdrop-filter:blur(20px)}.nav{max-width:1100px;margin:20px auto;padding:14px 20px;border-radius:22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#171929;text-decoration:none}.brand>b{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#fff;color:#7359ee}.brand small{display:block;color:#777;font-size:11px}.nav nav{display:flex;gap:28px}.nav nav a{font-size:13px;color:#3f4254;text-decoration:none}.hero{max-width:1100px;margin:18px auto;padding:55px 40px;border-radius:28px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;color:#7862dc;font-weight:700}.hero h1{font-size:76px;letter-spacing:-.07em;line-height:.9;margin:15px 0}.hero h1 em{font-style:normal;color:#765cff}.hero h2{font-size:18px;font-weight:500;color:#55596d}.hero p:not(.eyebrow){color:#686b7d;line-height:1.8}.actions{display:flex;gap:12px;margin-top:25px}.actions a{padding:12px 18px;border-radius:12px;border:1px solid #fff;color:#35384b;text-decoration:none;background:#ffffff70;font-size:13px}.actions .primary{background:linear-gradient(135deg,#765cff,#b38cf2);color:#fff}.avatar{width:250px;height:250px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle at 40% 35%,#fff,#d8cdf7 55%,#b6a8e9);box-shadow:0 25px 60px #725cf230}.avatar span{font-size:70px;font-weight:800;color:#7359e9}.section{max-width:1100px;margin:16px auto;padding:24px;border-radius:25px}.heading{display:flex;justify-content:space-between;align-items:center}.heading a{font-size:12px;color:#6652db;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{display:block;padding:22px;border:1px solid #fff;background:#ffffff62;border-radius:17px;color:#202236;text-decoration:none;min-height:150px}.card small{font-size:10px;color:#7963df}.card h3,.card h2{margin:12px 0 8px}.card p{font-size:12px;color:#6b6e80;line-height:1.7}.about{max-width:1100px;margin:16px auto;padding:45px;border-radius:25px}.about h2{font-size:48px;line-height:1.05;letter-spacing:-.05em}.about p:last-child{color:#666b7d;max-width:600px;line-height:1.8}.page h1{font-size:50px}.article{max-width:850px;margin:35px auto;padding:40px;border-radius:25px}.article h1{font-size:52px;letter-spacing:-.05em}.content{margin-top:35px;font-size:16px;line-height:1.9}.content img{max-width:100%;border-radius:15px}footer{max-width:1100px;margin:16px auto 20px;padding:22px;border-radius:20px;display:flex;justify-content:space-between;color:#777;font-size:11px}@media(max-width:700px){.nav{flex-wrap:wrap;gap:12px}.nav nav{width:100%;justify-content:space-between;gap:8px}.hero{grid-template-columns:1fr;padding:35px 22px}.hero h1{font-size:56px}.avatar{width:180px;height:180px;margin-top:35px}.grid{grid-template-columns:1fr}.about h2{font-size:38px}footer{margin:12px;gap:10px;flex-wrap:wrap}}