.hp{color:var(--ink);font-family:var(--f-body);flex-direction:column;align-items:center;padding:0 16px 64px;display:flex}.hp-kart{border:1px solid color-mix(in oklab, var(--line) 70%, transparent);background:var(--surface);border-radius:20px;width:100%;max-width:calc(30rem - 32px);padding:28px 24px;box-shadow:0 1px 2px #012d1d0d,0 18px 40px -26px #012d1d59}.hp-kart h1{font:600 28px/1.2 var(--f-display);margin:0 0 8px}.hp-aciklama{color:var(--muted);margin:0 0 20px;font-size:15.5px;line-height:1.6}.hp-form{gap:10px;display:grid}.hp-form label{font:600 14.5px/1.4 var(--f-body)}.hp-form input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:400 16px/1.4 var(--f-body);border-radius:12px;padding:13px 14px}.hp-form input:focus{border-color:var(--accent);outline:2px solid color-mix(in oklab, var(--accent) 35%, transparent);outline-offset:1px}.hp-form .btn{width:100%;margin-top:6px}.hp-hata{color:var(--danger,#b3261e);margin:0;font-size:14px}.hp-not{background:var(--line-2);border-radius:12px;margin-block:0 16px;padding:12px 14px;font-size:14.5px;line-height:1.5}.hp-not-hata{background:color-mix(in oklab, var(--danger,#b3261e) 10%, var(--surface));color:var(--danger,#b3261e)}.hp-gonderildi{background:var(--accent-soft);color:var(--accent-soft-ink);border-radius:14px;padding:16px}.hp-gonderildi p{margin:0 0 6px;line-height:1.55}.hp-gonderildi-baslik{font-weight:700}.hp-kucuk{color:var(--muted);margin:14px 0 0;font-size:13.5px;line-height:1.5}.hp-gonderildi .hp-kucuk{color:inherit;opacity:.85;margin-top:8px}.hp-alt{color:var(--muted);margin-top:20px;font-size:14.5px}.hp-alt a{color:var(--accent)}.hp-genis{align-items:stretch}.hp-genis>*{width:100%;max-width:calc(50rem - 32px);margin-inline:auto}.hp-projeler{gap:12px;margin-block:8px 0;padding:0;list-style:none;display:grid}.hp-proje{border:1px solid color-mix(in oklab, var(--line) 70%, transparent);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;box-shadow:0 1px 2px #012d1d0d,0 18px 40px -26px #012d1d4d}.hp-proje-ust{color:var(--muted);font:500 13px/1.4 var(--f-mono);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 6px;display:flex}.hp-rozet{background:var(--accent-soft);color:var(--accent-soft-ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}.hp-proje h2{font:600 21px/1.3 var(--f-display);margin:0 0 4px}.hp-proje-alt{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}@media (max-width:640px){.hp-proje{flex-direction:column;align-items:stretch}.hp-proje .btn{width:100%}}.hp .btn{border-radius:12px}.hp-ayarlar{margin-top:36px}.hp-ayarlar h2{font:600 22px/1.3 var(--f-display);margin:0 0 14px}.hp-ayar{border:1px solid color-mix(in oklab, var(--line) 70%, transparent);background:var(--surface);border-radius:20px;padding:18px 22px;box-shadow:0 1px 2px #012d1d0d,0 18px 40px -26px #012d1d40}.hp-ayar+.hp-ayar{margin-top:12px}.hp-ayar-bas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.hp-ayar-ad{color:var(--muted);font:500 13px/1.4 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.hp-ayar-deger{font:600 16.5px/1.45 var(--f-body);overflow-wrap:anywhere;margin:4px 0 0}.hp-ayar-form,.hp-ayar .hp-gonderildi{margin-top:14px}.hp-ayar-dugmeler{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.hp-ayar-dugmeler .btn{width:auto;margin-top:0}.hp-ayar-tamam{color:var(--accent-soft-ink);margin:10px 0 0;font-size:14.5px}.hp-not-tamam{background:color-mix(in oklab, var(--accent-soft) 55%, var(--surface));color:var(--accent-soft-ink)}
