*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f172a;color:#fff}
a{color:#38bdf8;text-decoration:none}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:22px 8%;background:#020617;position:sticky;top:0;z-index:5}
.logo{font-size:28px;font-weight:900;color:#ff3b7f}.logo span{color:#38bdf8}
nav a{margin-left:18px;color:#fff;font-weight:700}
.hero{padding:90px 8%;text-align:center;background:radial-gradient(circle at top,#ff3b7f55,transparent 40%)}
.hero h1{font-size:clamp(42px,7vw,84px);line-height:.95;margin:0 0 20px}
.hero p,.sub{color:#cbd5e1;font-size:20px;max-width:820px;margin:0 auto 30px}
.btn,.button,button{display:inline-block;background:#ff3b7f;color:#fff;border:0;border-radius:999px;padding:13px 24px;font-weight:900;cursor:pointer}
.btn.secondary{background:#38bdf8;color:#07111f}
.section{padding:60px 8%}.section h2{text-align:center;font-size:38px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card{background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px;text-align:center}
.card img{width:100%;max-height:520px;height:auto;object-fit:contain;border-radius:14px;background:#334155}
.card .thumb{width:100%;height:280px;object-fit:cover;object-position:center top;border-radius:14px;background:#334155}
.card .placeholder{height:280px;background:#334155;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#94a3b8}
.profile-photo{width:100%;max-height:620px;height:auto;object-fit:contain;border-radius:14px;background:#334155}
form{max-width:760px;margin:0 auto;background:#1e293b;padding:28px;border-radius:20px}
.inline-form{background:none;padding:0;margin:0;display:inline}
input,select,textarea{width:100%;padding:14px;margin:8px 0 16px;border:0;border-radius:10px;font-size:16px}
textarea{min-height:120px}
.table{width:100%;border-collapse:collapse;background:#1e293b;border-radius:16px;overflow:hidden}
.table th,.table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.notice{background:#172554;padding:16px;border-radius:12px;margin:20px auto;max-width:760px}
.success-box{max-width:760px;margin:20px auto;padding:25px;background:#14532d;border:1px solid #22c55e;border-radius:16px;color:#fff;text-align:center}
.success-box h3{margin-top:0;color:#86efac}.success-box strong{color:#fff}
.warning-box{max-width:760px;margin:20px auto;padding:20px;background:#7f1d1d;border:1px solid #ef4444;border-radius:16px;color:#fff;text-align:center}
.searchbar{display:flex;gap:10px;max-width:760px;margin:0 auto 30px;background:none;padding:0}.searchbar input{margin:0}.searchbar button{white-space:nowrap}
.site-footer{text-align:center;padding:34px 8%;background:#020617;color:#94a3b8}.np{font-weight:900;color:#fff}
.admin-actions form{display:inline;background:none;padding:0}
@media(max-width:750px){.site-header{display:block;text-align:center}nav a{display:inline-block;margin:8px}.searchbar{display:block}.searchbar button{width:100%;margin-top:10px}}