@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Pacifico&display=swap');
:root{--bg:#fff7fb;--pink:#f7b8cf;--deep:#9b5373;--lav:#e9ddff;--text:#4d3843;--card:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#ffe4ef,transparent 28%),radial-gradient(circle at 90% 20%,#eee4ff,transparent 25%),var(--bg);font-family:Nunito,sans-serif;color:var(--text)}header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#ffffffb8;backdrop-filter:blur(14px);border-bottom:1px solid #f3dce6;position:sticky;top:0;z-index:5}.logo{font-family:Pacifico,cursive;font-size:24px;color:var(--deep);text-decoration:none}nav{display:flex;gap:20px}nav a{color:var(--text);text-decoration:none;font-weight:800}main{width:min(1200px,90%);margin:auto}.hero{padding:70px 0 38px;max-width:700px}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:900;color:var(--deep)}h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:10px 0 20px;color:#70465b}.hero>p:not(.eyebrow){font-size:18px;line-height:1.7}.controls{background:#ffffffcc;border:1px solid #f0d9e4;padding:18px;border-radius:26px;box-shadow:0 15px 40px #c99aad18;position:sticky;top:94px;z-index:4}input{width:100%;border:1px solid #edcad9;background:#fff9fc;border-radius:16px;padding:16px 18px;font:inherit;outline:none}.controls input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #f8c9da55}#tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag,.tag-list span{border:0;border-radius:999px;padding:7px 12px;background:#f8e7ef;color:#8e5970;font:700 13px Nunito}.tag{cursor:pointer}.tag.active{background:var(--pink);color:#fff}#counter{font-weight:700;margin:24px 0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;padding-bottom:60px}.card{background:var(--card);border:1px solid #f1dce6;border-radius:24px;overflow:hidden;cursor:pointer;transition:.25s;box-shadow:0 10px 30px #a7748910}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #a7748925}.thumb{aspect-ratio:1/1;overflow:hidden;background:#f7e9f0}.thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.card:hover img{transform:scale(1.04)}.card-body{padding:16px}.card h2{font-size:18px;margin:0 0 5px}.card p{margin:0 0 12px;color:#806b76}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag-list span{padding:5px 9px;font-size:11px;background:#f4efff}.modal{position:fixed;inset:0;background:#3d2736aa;z-index:10;padding:30px;display:grid;place-items:center;backdrop-filter:blur(7px)}.hidden{display:none}.modal-card{width:min(1000px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.modal-card>img{width:100%;max-height:88vh;object-fit:contain;background:#faeef3}.modal-card>div{padding:32px}.modal h2{font-size:30px;margin:8px 0}.author-box{margin-top:24px;padding:18px;background:#fff3f8;border-radius:18px;display:grid;gap:6px}.author-box span{font-size:12px;color:#8d6c7c}.author-box a{color:#a44972;font-weight:900;text-decoration:none;margin-top:8px}#close{position:fixed;right:30px;top:20px;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;background:white;color:#805267;cursor:pointer}.about{min-height:75vh;padding:70px 0}.about h1{font-size:52px}.about li{margin:12px 0}.note{padding:20px;background:#f8ebff;border-radius:18px}footer{text-align:center;padding:28px;color:#8c6877;border-top:1px solid #f1dce6}@media(max-width:700px){header{height:64px}.controls{top:76px}.hero{padding-top:45px}.modal{padding:12px}.modal-card{grid-template-columns:1fr}.modal-card>img{max-height:50vh}.modal-card>div{padding:22px}#close{right:16px;top:12px}nav{gap:12px}}