*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f7faf8;color:#18251d}.wrap{width:min(1180px,94%);margin:auto}.top{position:sticky;top:0;z-index:5;background:linear-gradient(90deg,#0d6b43,#7b1fa2,#b71c1c);color:#fff;box-shadow:0 3px 15px #0002}.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.brand{font-size:24px;font-weight:900;color:#fff;text-decoration:none}nav a{color:#fff;text-decoration:none;margin:0 7px}.hero{padding:42px 20px;margin:25px 0;background:linear-gradient(135deg,#e8f5e9,#f3e5f5);border-radius:24px}.hero h1{font-size:42px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.result,.admin-row{background:#fff;border-radius:18px;padding:14px;box-shadow:0 6px 24px #0000000d;border:1px solid #e6eee9}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;background:#eee}.card h2{font-size:18px}.card a{color:#4a148c;text-decoration:none}.card p{line-height:1.9;color:#5d6b62}.pager{display:flex;gap:8px;overflow-x:auto;padding:22px 0}.pager a,.btn,button{padding:10px 15px;border:0;border-radius:12px;background:#6a1b9a;color:#fff;text-decoration:none;cursor:pointer}.article{max-width:850px;margin:30px auto;background:#fff;padding:24px;border-radius:22px}.cover{width:100%;border-radius:18px}.article h1{font-size:34px}.lead{font-size:19px;line-height:2;color:#4e5e55}.content{line-height:2.25;font-size:17px}.related{margin-top:35px}.login{max-width:420px;margin:70px auto;background:#fff;padding:28px;border-radius:20px}.login form,form{display:grid;gap:12px}.login input,form input,textarea{padding:13px;border:1px solid #ccd8d0;border-radius:11px;font:inherit}footer{text-align:center;padding:40px;color:#667}.error{color:#b71c1c}.ok{color:#0d6b43}.table{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border-bottom:1px solid #eee;text-align:right}.admin-row{display:flex;justify-content:space-between;margin:9px 0}.admin-row a{color:#4a148c;text-decoration:none}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.top .wrap{display:block}.hero h1{font-size:32px}}