:root{
 --sun:#f7b733;--sky:#7fd7f4;--mint:#b9f2d0;--rose:#ffd5e8;--lav:#e8ddff;
 --ink:#193047;--card:#fffffff0;--line:#ffffff;--soft:#f7fbff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:
 radial-gradient(circle at 15% 10%,#fff4c8 0,#fff7db 22%,transparent 42%),
 radial-gradient(circle at 85% 25%,#f7dcff 0,#ffeaf5 22%,transparent 45%),
 linear-gradient(135deg,#fff9df,#dff7f6 46%,#f2eaff);color:var(--ink)}
.wrap{width:min(1180px,92vw);margin:auto;padding:22px}
.hero,.card{background:var(--card);backdrop-filter:blur(14px);border:2px solid var(--line);border-radius:30px;padding:24px;margin:16px 0;box-shadow:0 14px 35px #19304720}
h1{font-size:clamp(42px,7vw,76px);margin:.1em 0;color:#f2a400}
h2{color:#079fc4}p{line-height:1.45}.big{font-size:clamp(18px,3vw,24px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}
.staff{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.btn{display:inline-block;margin:7px 7px 0 0;padding:13px 16px;border-radius:999px;background:#193047;color:white;text-decoration:none;font-weight:900}
.sun{background:#f7b733;color:#2b2100}.green{background:#38b86f}.pink{background:#df5c9a}.blue{background:#129cc0}
.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:white;margin:4px;border:1px solid #d7eef5}
.nav{position:sticky;top:0;z-index:20;background:#fffdf6e8;backdrop-filter:blur(12px);border-bottom:1px solid #fff;padding:10px;text-align:center}
.nav a{margin:4px;padding:9px 12px;border-radius:999px;background:white;text-decoration:none;color:#193047;font-weight:800;display:inline-block}
.avatar{font-size:42px;width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,#fff,#dff8ff);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #19304718}
input,textarea,select{width:100%;padding:12px;border-radius:16px;border:1px solid #cde;background:white;color:#193047;margin:7px 0}
textarea{min-height:120px}
@media(max-width:640px){.wrap{width:96vw;padding:10px}.hero,.card{border-radius:22px;padding:18px}.nav{text-align:left;overflow-x:auto;white-space:nowrap}}
.portrait{width:86px;height:86px;border-radius:24px;box-shadow:0 10px 24px #19304722;background:white;margin-bottom:10px}