@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Playfair Display,serif;background:linear-gradient(to bottom,#f8fafc,#e2e8f0);min-height:100%;color:#1e293b}h1{color:#0f172a;font-weight:700;margin-bottom:1rem}p{font-size:18px;font-family:Crimson Text,serif}a{font-size:18px;text-decoration:none;font-family:Crimson Text,serif}.container{max-width:1000px;margin:40px auto;padding:20px;background-color:#aac2ce;border-radius:8px;box-shadow:0 5px 10px #75757585}.layout{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding:2rem;width:100%}.header{padding:15px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;box-shadow:0 4px 8px #8181819a}.header h1{color:#000;font-size:26px}.header nav{display:flex;gap:20px}.header nav a{color:#000;text-decoration:none;font-weight:600;font-size:16px}.header nav a:hover{text-decoration:underline}.footer{color:#000;text-align:center;padding:10px;font-size:14px;box-shadow:0 -2px 8px #0000001a}.footer a{color:#1ea6f0;text-decoration:underline}.input,.textarea{width:100%;padding:12px;font-family:Playfair Display,serif;background-color:#fff;border:none;transition:border-color .3s,box-shadow .3s}.input:focus,.textarea:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af33;outline:none}.textarea{height:150px}.input.title-input{font-weight:700;margin-right:1rem;width:100%}.form button{width:10%}.form{flex-direction:column;display:flex;gap:1rem;align-items:center}.button{background:#81939c;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:700;font-family:Playfair Display,serif;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background .3s,transform .1s}.button:hover{background:#6690a5;transform:scale(1.02)}.secondary{background:#ef4444}.secondary:hover{background:#7f1d1d}.page-list{list-style-type:none;padding-left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:800px;margin:0 auto}.page-item{font-size:1rem;border-bottom:1px solid #ddd;padding:8px 0}.page-item a{text-decoration:none;color:#0645ad}.page-item a:hover{text-decoration:underline}.delete-button{background:none;border:none;color:#d33;cursor:pointer;font-size:1rem;margin-left:10px}.delete-button:hover{color:red}@media (max-width: 768px){.header{flex-direction:column;text-align:center}.header h1{margin-bottom:10px}.header nav{flex-direction:column;gap:10px}.page-item{width:48%}.button{width:100%}}@media (max-width: 480px){.page-item{width:100%}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-buttons{display:flex;gap:12px}.obs{font-size:14px;color:#334155;margin-top:2rem}