@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');
:root{--bg:#f7f5ef;--text:#171717;--muted:#6d6a63;--card:#fff;--line:#dedbd1;--accent:#7656ff;--yellow:#ffd84d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 6%;gap:35px;background:rgba(247,245,239,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.logo{font-size:25px;font-weight:900;letter-spacing:-1.5px;margin-right:auto}.logo span{color:var(--accent)}nav{display:flex;gap:24px;font-size:14px;font-weight:700}nav a{padding:8px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{border-color:var(--accent)}.theme{border:1px solid var(--line);background:var(--card);border-radius:50%;width:38px;height:38px;cursor:pointer}.hero{max-width:1180px;margin:70px auto 95px;padding:0 28px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-5px;margin:18px 0 25px}.hero h1 span{color:var(--accent)}.hero p,.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:600px}.btn{display:inline-block;margin-top:20px;padding:15px 21px;background:var(--accent);color:#fff;border-radius:12px;font-weight:800;border:0;cursor:pointer}.dark{background:#171717}.hero-card{height:390px;background:var(--yellow);border:2px solid #171717;border-radius:28px;transform:rotate(3deg);display:grid;place-items:center;position:relative;box-shadow:10px 12px 0 #171717}.emoji{font-size:150px}.sticker{position:absolute;right:-25px;bottom:25px;background:#fff;border:2px solid #171717;border-radius:12px;padding:15px;font-weight:900;transform:rotate(-8deg);box-shadow:5px 5px 0 #171717}.section-title{max-width:1124px;margin:auto;padding:0 0 20px;display:flex;justify-content:space-between;align-items:end}.section-title h2{font-size:32px;margin:0}.section-title a{color:var(--accent);font-weight:800}.grid{max-width:1124px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;min-height:320px}.accent{background:#e9e4ff}.yellow{background:#fff0a8}.tag{font-size:11px;font-weight:900;background:#171717;color:#fff;border-radius:20px;padding:6px 9px}.big{font-size:25px;font-weight:900;line-height:1.1;margin:35px 0 15px}.pic{font-size:55px}.quote{font-size:21px;line-height:1.5;margin:35px 0}.plan{font-weight:700;line-height:1.8;font-size:18px}.card p{color:var(--muted);line-height:1.5}.cta{max-width:1124px;margin:90px auto;padding:35px 40px;border-radius:24px;background:#d8ffd9;display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:32px;margin:0 0 7px}.cta p{margin:0;color:#4f6250}.page{max-width:1124px;margin:65px auto;padding:0 20px;min-height:70vh}.page h1{font-size:64px}.masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.meme{min-height:270px;border-radius:22px;background:#fff;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:space-between;font-size:22px;font-weight:800}.meme div{font-size:65px;text-align:center}.meme.purple{background:#e7e0ff}.meme.orange{background:#ffd8b0}.meme.yellow{background:#fff0a8}.meme.green{background:#d8ffd9}.huge{font-size:44px!important}.jokes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0}.jokes article{background:var(--card);border:1px solid var(--line);padding:28px;border-radius:20px;display:flex;gap:20px}.jokes span{font-weight:900;color:var(--accent)}.jokes p{font-size:20px;line-height:1.6;margin:0}.result{margin-top:20px;background:#171717;color:white;padding:25px;border-radius:16px;max-width:700px;font-weight:700}.fails{display:grid;gap:15px;margin-top:45px}.fails div{background:var(--card);border:1px solid var(--line);padding:30px;border-radius:20px}.fails b{font-size:11px;color:var(--accent);letter-spacing:2px}.fails h2{font-size:27px;margin:12px 0}.fails p{color:var(--muted)}.about-box{display:grid;grid-template-columns:230px 1fr;gap:45px;align-items:start;background:var(--card);border:1px solid var(--line);padding:45px;border-radius:25px}.face{font-size:130px;text-align:center}.about-box p{font-size:19px;line-height:1.7;color:var(--muted)}footer{text-align:center;padding:45px;color:#888;border-top:1px solid var(--line);margin-top:70px;font-size:13px}
body.dark{--bg:#111;--text:#f5f5f5;--muted:#aaa;--card:#1b1b1b;--line:#333}.dark .header{background:rgba(17,17,17,.92)}
@media(max-width:800px){.header{padding:0 20px;gap:12px}.header nav{display:none}.hero{grid-template-columns:1fr;margin-top:45px;gap:35px}.hero-card{height:300px}.grid,.masonry,.jokes{grid-template-columns:1fr}.section-title{padding:0 20px}.cta{margin:60px 20px;display:block}.page h1{font-size:48px}.about-box{grid-template-columns:1fr;padding:25px}.face{font-size:80px}}