@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap');
:root{--purple:#6936c8;--pink:#ef81c5}*{box-sizing:border-box}body{font-family:Prompt,sans-serif;background:#faf7ff;color:#34204f}.login-page{background:linear-gradient(130deg,#4c239d 0%,#a355d4 55%,#f6a8d4 100%)}.login-card{max-width:440px;border:0;border-radius:24px;background:#fff}.brand-icon{color:#b552c8;font-size:2.5rem}.hero{background:linear-gradient(110deg,#5426a6,#9d50c7,#ed82bd)}.btn-purple{background:linear-gradient(100deg,#6936c8,#bd62ba);border:0;color:#fff}.btn-purple:hover{background:#5a289f;color:white}.btn-outline-purple{color:#6936c8;border-color:#6936c8}.btn-outline-purple:hover{background:#6936c8;color:white}.menu-card{border:1px solid #eddcfb;border-radius:18px;color:#4b2a79;box-shadow:0 4px 18px #6444a410;transition:transform .15s,box-shadow .15s}.menu-card:hover,.menu-card.active{transform:translateY(-3px);box-shadow:0 10px 25px #6444a42b;border-color:#bd7de5}.card{border-radius:18px}.form-control:focus{border-color:#b464d5;box-shadow:0 0 0 .25rem #b464d530}