.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.metric{background:#f9f7fc;border:1px solid #f0eaf6;border-radius:14px;padding:16px}.metric span{display:block;color:#9b90a8;font-size:12px}.metric strong{color:#7566ae;font-size:16px}@media(max-width:500px){.metrics{grid-template-columns:1fr}}
:root{--ink:#342f50;--muted:#89839e;--violet:#7769bd;--pink:#f3a9c4;--border:#f0eaf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.8 'DM Sans','Noto Sans SC',sans-serif;background:#f9f7fc}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sky{position:absolute;z-index:-1;inset:0 0 auto;height:680px;background:radial-gradient(ellipse at 15% 20%,#f9ddeb 0,transparent 35%),radial-gradient(ellipse at 84% 8%,#dfd9fa 0,transparent 43%),linear-gradient(180deg,#f8edf8,#faf8fd)}.wrap{max-width:1180px;margin:auto;padding:0 25px}.top{height:95px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:.05em}.brand-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#8273c5;color:white;font-size:21px}.brand small{display:block;color:#a29bb8;font-size:10px;font-weight:500;letter-spacing:.06em;line-height:1}.top nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:600}.top nav a:hover,.nav-button:hover{color:#a884cf}.top nav form{margin:0}.nav-button{border:0;background:transparent;color:inherit;cursor:pointer}.hero{min-height:385px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.hero-copy{padding:30px 0 55px}.pill{display:inline-block;background:#fff9;border:1px solid #fff;border-radius:99px;padding:6px 15px;color:#8c7fba;font-weight:700;font-size:10px;letter-spacing:.15em}.hero h1{font-size:clamp(34px,4vw,51px);letter-spacing:.03em;line-height:1.42;margin:19px 0}.hero h1 span{color:#a17dc6}.hero p{color:#8a839d;line-height:2}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:26px}.hero-actions span{color:#b0a6c0;font-size:12px}.button{display:inline-block;background:#8272c2;border:0;color:#fff;padding:11px 20px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #b0a2d74a}.button:hover{background:#7161b5}.illustration{height:330px;position:relative}.moon{position:absolute;right:20%;top:3%;font-size:190px;line-height:1;color:#fff9;text-shadow:0 0 65px #ffffff}.note{position:absolute;width:200px;height:215px;left:27%;top:14%;background:#fffbffde;border:1px solid white;border-radius:22px;transform:rotate(-8deg);box-shadow:0 25px 60px #aca2cf40;padding:30px}.note span{font-family:Georgia,serif;font-style:italic;font-size:23px;color:#b296c7}.note i{display:block;width:100%;height:4px;border-radius:5px;background:#eee7f2;margin:19px 0}.note i:nth-child(3){width:80%}.note i:nth-child(4){width:60%}.note b{color:#edacc7;font-size:27px;float:right}.star{position:absolute;color:#fff;font-size:32px}.star.a{left:15%;top:20%}.star.b{right:10%;top:48%;font-size:43px}.star.c{left:18%;bottom:12%;color:#ddbae7}.planet{position:absolute;right:16%;bottom:12%;height:65px;width:65px;border-radius:50%;background:linear-gradient(145deg,#f4c5dc,#c7b9f0);display:grid;place-items:center;color:white;font-size:32px;box-shadow:0 14px 25px #c3abd350}.layout{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start;padding-bottom:60px}.card{background:#fffffff0;border:1px solid #fff;border-radius:22px;box-shadow:0 12px 40px #6d61800a}.profile{text-align:center;padding:28px 24px}.avatar{width:70px;height:70px;border-radius:24px;background:linear-gradient(140deg,#f4d1e4,#cfc2f3);color:white;display:grid;place-items:center;font-size:35px;margin:0 auto 13px}.profile h2{font-size:17px;margin:0}.profile p{color:var(--muted);font-size:13px}.profile-line{border-top:1px solid var(--border);padding-top:16px;color:#a699b9;font-size:12px}.side-note{margin-top:20px;padding:22px 24px;color:#aa91be;font-size:12px}.side-note span{font-weight:700}.side-note p{color:#8f879e;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 20px}.section-heading small,.editor>small,.login>small{font-weight:700;color:#b2a1cc;letter-spacing:.18em;font-size:10px}.section-heading h2{font-size:25px;line-height:1;margin:6px 0}.section-heading h2 span,.comments h2 span,.editor h1 span{color:#e8b2d3}.search{display:flex;background:#fff;border:1px solid #eee8f5;border-radius:14px;overflow:hidden}.search input{width:150px;border:0;outline:0;padding:9px 12px;background:none;font-size:12px}.search button{border:0;background:none;padding:0 12px;color:#9d91ba;font-size:22px;cursor:pointer}.post{padding:26px 30px;margin-bottom:18px}.post-meta{display:flex;align-items:center;gap:15px;font-size:12px;color:#a69cb4}.post-meta em{font-style:normal;background:#f8eaf4;color:#c982ac;border-radius:20px;padding:2px 10px}.post h3{font-size:21px;margin:10px 0}.post p{color:#8c859d;font-size:14px}.cover{width:100%;max-height:300px;object-fit:cover;border-radius:14px}.read-more{color:#8d79bd;font-size:12px;font-weight:700}.empty{text-align:center;padding:50px 25px;color:#a095ae}.empty div{font-size:35px;color:#d6b2da}.empty h3{color:#756b88}.pagination{display:flex;justify-content:center;gap:20px;font-size:12px;color:#9a90aa;margin:25px}.reading{max-width:780px;margin:20px auto 65px}.back{display:inline-block;color:#9c8caf;font-size:13px;margin:0 0 17px}.full-post,.editor,.comments{padding:35px;margin-bottom:20px}.full-post h1,.editor h1{font-size:30px;margin:15px 0}.body-text{font-size:16px;line-height:2;color:#625970;overflow-wrap:anywhere}.photos{display:grid;gap:12px;margin:20px 0}.photos img{max-width:100%;border-radius:15px}.secondary{box-shadow:none;background:#f2eefa;color:#8574b7}.secondary:hover{color:white}.comments h2{font-size:20px}.comment{border-bottom:1px solid var(--border);padding:14px 0}.comment p{margin-bottom:0;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:13px}.editor form p,.login form p,.comments form p{margin:18px 0}label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}label small{font-weight:400;color:#aaa0b6}input:not([type=checkbox]):not([type=file]),textarea{border:1px solid #eae3f1;border-radius:12px;padding:12px;background:#fdfcff;width:100%;color:var(--ink)}input[type=checkbox]{margin-right:8px}textarea{resize:vertical}.search input{width:150px!important;border:0!important;background:none!important;padding:9px 12px!important}.errorlist{color:#c76487;font-size:13px}.login{max-width:430px;margin:55px auto 90px;padding:40px;text-align:center}.login form{text-align:left}.login .button{width:100%;margin-top:10px}.login h1{margin:8px 0;font-size:26px}footer{text-align:center;color:#b8afc4;font-size:11px;padding:22px 0 38px;border-top:1px solid #eee8f4}@media(max-width:720px){.wrap{padding:0 18px}.top{height:76px}.top nav{gap:14px;font-size:12px}.brand{font-size:17px}.brand small{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:35px 0 45px}.hero h1{font-size:34px}.illustration{display:none}.layout{grid-template-columns:1fr}.layout aside{display:none}.post,.full-post,.editor,.comments{padding:23px}.section-heading h2{font-size:23px}.search input{width:110px!important}.login{margin:30px auto}}