:root{--gray-50:#f8f7f7;--gray-100:#e8e6e6;--gray-200:#d4d1d1;--gray-300:#b5b0b0;--gray-400:#8a8484;--gray-500:#6b6565;--gray-600:#524e4e;--gray-700:#3d3a3a;--gray-800:#2a2828;--gray-900:#1a1919;--pink-100:#ffe4ec;--pink-200:#f5c6d4;--pink-300:#e8a4b8;--pink-400:#d97a98;--pink-500:#c95a7d;--pink-600:#b03d62;--red-100:#ffebee;--red-200:#f5c2c7;--red-300:#e89ca4;--red-400:#d45c6a;--red-500:#c0394a;--red-600:#a02d3b;--bg-page:var(--gray-50);--bg-home:#fce4ec;--text-primary:var(--gray-800);--text-secondary:var(--gray-600);--card-bg:#faf5f7;--card-border:var(--gray-200);--accent:var(--pink-500);--accent-hover:var(--red-500);--header-bg:var(--red-300);--header-text:var(--gray-100);--footer-bg:var(--gray-700);--footer-text:var(--gray-300);--link-color:var(--pink-600);--link-hover:var(--red-500)}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--text-primary);background-color:var(--bg-page);line-height:1.6}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem 2rem}.site-header{background-color:var(--header-bg);color:var(--header-text);padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.site-header-inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.site-title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.02em}.site-title a{color:inherit;text-decoration:none}.site-title a:hover{color:var(--pink-200);text-decoration:none}.nav-menu{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}.nav-menu a{color:var(--header-text);text-decoration:none;font-size:.95rem}.nav-menu a:hover{color:var(--pink-200);text-decoration:underline}.site-footer{background-color:var(--footer-bg);color:var(--footer-text);padding:1.25rem 1.5rem;margin-top:auto}.site-footer-inner{max-width:900px;margin:0 auto;text-align:center;font-size:.9rem}.site-footer a{color:var(--gray-200)}.site-footer a:hover{color:var(--pink-200)}.page-home{background-color:var(--bg-home);position:relative;min-height:100vh}.page-home .main-content{position:relative;z-index:1}.home-title{margin:0 0 .5rem;font-size:2rem;color:var(--gray-800)}.home-description{margin:0 0 2rem;color:var(--text-secondary);font-size:1rem}.poem-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:1rem;gap:1rem}.poem-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1.25rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.poem-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.poem-card a{color:var(--text-primary);text-decoration:none;display:block}.poem-card a:hover{color:var(--accent);text-decoration:none}.poem-card-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.poem-card-category{margin:0;font-size:.85rem;color:var(--text-secondary)}.page-title{margin:0 0 1.5rem;font-size:1.75rem;color:var(--gray-800)}.poem-page{padding:1rem 0 3rem}.poem-page-title{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:var(--gray-800);text-align:center}.poem-page-author{margin:0 0 2rem;font-size:.95rem;color:var(--text-secondary);text-align:center}.poem-page-content{white-space:pre-line;font-size:1.1rem;line-height:1.9;text-align:center;color:var(--gray-700);max-width:560px;margin:0 auto}.poem-not-found{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:1.1rem}.static-page h1{margin:0 0 1rem;font-size:1.75rem;color:var(--gray-800)}.static-page p,.static-page ul{margin:0 0 1rem;color:var(--text-secondary)}.static-page ul{padding-left:1.5rem}.rose-bead{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,var(--pink-300),var(--red-400));opacity:.85}@keyframes rose-fall{0%{transform:translateY(0) rotate(0deg);opacity:.85}10%{opacity:.9}90%{opacity:.8}to{transform:translateY(100vh) rotate(1turn);opacity:.6}}.main-content.about-page{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.about-page{position:relative;min-height:100vh;width:100%;background-image:url(/images/mavi-kadraj-about.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:flex-start}.about-page:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:0}.about-page .about-content{position:relative;z-index:1;max-width:1100px;width:100%;padding:3rem 2rem;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7)}.about-page .static-page{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}.contact-page{min-height:100vh;background-image:url(/images/iletisim.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;justify-content:center;align-items:stretch;margin:0;padding:0}.contact-inner,.contact-page{width:100%;display:flex;position:relative}.contact-inner{max-width:900px;padding:2.5rem 1.5rem 6rem;z-index:2;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7);flex-direction:column}.contact-page:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1}.contact-links{margin-top:auto;display:grid;grid-gap:12px;gap:12px}.contact-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:hsla(0,0%,100%,.85);color:#2a2828;text-decoration:none;transition:.15s ease}.contact-link:hover{transform:translateY(-1px);background:#fff}.contact-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(0,0,0,.08)}.contact-text strong{font-size:.95rem;color:#2a2828}.contact-text small{font-size:.85rem;color:#524e4e}