:root{--accent:#2d5a27;--accent-light:#ecf3eb;--bg:#fcfcf9;--text-main:#2c3e50;--text-muted:#7f8c8d;--card-bg:#fff;--border-color:#eee;--transition:all .3s ease}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app{text-align:center;max-width:1100px;margin:0 auto;padding:60px 20px}h1{color:var(--text-main);letter-spacing:-1px;margin-bottom:10px;font-family:Georgia,serif;font-size:2.8rem;font-weight:700}.subtitle{color:var(--text-muted);letter-spacing:1px;margin-bottom:50px;font-size:1.1rem;font-style:italic}.container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.card{background:var(--card-bg);border-left:4px solid var(--accent);text-align:left;transition:var(--transition);border-radius:4px;flex-direction:column;padding:40px;display:flex;position:relative;box-shadow:0 10px 30px #0000000a}.card:hover{border-left-width:8px;transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.content{color:#1a1a1a;z-index:1;margin-bottom:25px;font-family:Georgia,serif;font-size:1.3rem;line-height:1.8}.content:before{content:"“";color:var(--accent);opacity:.1;z-index:-1;font-family:Georgia,serif;font-size:80px;position:absolute;top:-20px;left:-10px}.author{text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:20px;font-size:.9rem;font-weight:700}.tags{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.tags span{text-transform:uppercase;letter-spacing:.5px;background:var(--accent-light);color:var(--accent);transition:var(--transition);border-radius:2px;padding:5px 12px;font-size:11px;font-weight:600}.tags span:hover{background:var(--accent);color:#fff}button{border:2px solid var(--text-main);color:var(--text-main);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:var(--transition);background:0 0;margin-top:60px;padding:15px 40px;font-size:.9rem;font-weight:700}button:hover{background:var(--text-main);color:#fff;transform:translateY(-2px)}@media (width<=600px){h1{font-size:2.2rem}.card{padding:30px}}