:root{--purple:#35105f;--purple2:#684095;--lav:#f5f0fa;--ink:#241632;--line:#dfd1ed}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#fff 0%,#faf8fd 52%,#eee7f6 100%);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.7}
a{color:var(--purple2);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1180px,92%);margin:auto}
header{background:var(--purple);color:white;box-shadow:0 6px 24px #24103930}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}.logo{font-size:1.6rem;font-weight:900;color:white;letter-spacing:.5px}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{color:white;font-weight:800}
.hero{padding:36px 0 24px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.hero h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;color:var(--purple);margin:0 0 14px;font-weight:900}.hero p{font-size:1.07rem}.hero img{width:100%;border-radius:24px;box-shadow:0 14px 36px #35105f18}
.login{background:white;border:2px solid #c9b5df;border-radius:20px;padding:22px;margin:20px 0;box-shadow:0 10px 28px #35105f12}.login h2{margin:0 0 12px;color:var(--purple);font-weight:900}.login-row{display:flex;gap:10px;flex-wrap:wrap}.login input{min-width:160px;flex:1;padding:14px;border:1px solid #cdbce0;border-radius:12px;font-size:1rem;font-weight:700}.btn{background:var(--purple);border:0;border-radius:12px;padding:14px 22px;color:white;font-size:1rem;font-weight:900;cursor:pointer}.btn:hover{background:#512b7d}
.section{padding:24px 0}.section h2{font-size:1.8rem;color:var(--purple);font-weight:900}.panel,.tile{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 24px #35105f0a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile h3{color:var(--purple);margin:0 0 6px;font-weight:900}.links{columns:3;column-gap:24px}.links a{display:block;padding:5px 0;border-bottom:1px dashed #ded1ec;break-inside:avoid}.crumb{margin:14px 0;color:#705b85;font-size:.92rem}.small{font-size:.9rem;color:#705b85}footer{background:#241039;color:white;padding:28px 0;margin-top:36px}footer a{color:white}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.links{columns:2}.top{align-items:flex-start;flex-direction:column}}