:root { color-scheme: light; --ink:#173a31; --cream:#fdf6ea; --orange:#de5415; --green:#113f33; --red:#a20f10; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; font-family:"Manrope",sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 10%,#f6cfb8 0,transparent 28%),radial-gradient(circle at 85% 85%,#c8ded5 0,transparent 30%),var(--cream); }
.portal-shell { min-height:100vh; display:grid; place-items:center; padding:28px; }
.portal-card { width:min(760px,100%); padding:clamp(28px,6vw,58px); border:1px solid rgba(17,63,51,.13); border-radius:32px; background:rgba(255,255,255,.88); box-shadow:0 28px 80px rgba(17,63,51,.16); backdrop-filter:blur(16px); }
.kicker { color:var(--orange); font-size:.75rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
h1 { margin:.2rem 0 .7rem; font:700 clamp(2.2rem,6vw,4rem)/1 "Playfair Display",serif; }
.intro { color:#6d665e; margin-bottom:28px; }
.login-form { display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:14px; align-items:end; }
label { display:grid; gap:7px; font-size:.8rem; font-weight:700; }
label small { color:#7b7269; font-weight:400; }
input,button { min-height:52px; border-radius:15px; font:inherit; }
input { width:100%; border:1px solid #dacbbb; padding:0 15px; background:#fffdf9; }
.login-form button { border:0; padding:0 24px; color:white; background:var(--green); font-weight:700; cursor:pointer; }
.manager-choice { margin-top:30px; }
.choice-label { font-weight:700; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.manager-card { display:flex; align-items:center; gap:16px; padding:18px; border:1px solid transparent; background:#fff; text-align:left; cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,.08); }
.manager-card img { width:70px; height:70px; object-fit:contain; border-radius:16px; }
.manager-card span { display:grid; gap:4px; }
.manager-card small { color:#746c64; }
.manager-card.lovely:hover { border-color:var(--red); }
.manager-card.vagabondi:hover { border-color:var(--orange); }
.portal-status { min-height:24px; color:#8a2e0b; }
@media (max-width:700px) { .login-form,.choice-grid { grid-template-columns:1fr; } }