*{box-sizing:border-box} body{font-family:system-ui,Segoe UI,Arial,sans-serif;margin:0;background:#f6f7fb}
.kapsayici{max-width:440px;margin:5rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
h1,h2,h3{margin:.3rem 0 1rem}
label{display:block;margin:.6rem 0 .2rem}
input,textarea,select{width:100%;padding:.7rem .8rem;border:1px solid #dcdfea;border-radius:10px}
button{padding:.7rem 1rem;border:0;border-radius:12px;background:#1a73e8;color:#fff;font-weight:600;cursor:pointer}
.kart{background:#fff;border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.ust{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.6rem 1rem;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.logo{font-weight:800}
.icerik{max-width:980px;margin:1rem auto;padding:0 1rem}
.liste li{margin:.4rem 0}
.not{color:#6b7280;font-size:.9rem}
pre{white-space:pre-wrap;background:#0b1020;color:#e6edf3;padding:1rem;border-radius:12px;overflow:auto}