:root{--sp-bg: #F6F8FE;--sp-surface: #FFFFFF;--sp-text: #2B214F;--sp-muted: #5B6B86;--sp-primary: #3C47FF;--sp-mint: #7DF1D4;--sp-teal: #48D5C1;--sp-lilac: #B7A5FF;--sp-coral: #FF6F8E;--sp-green: #5BE29C;--sp-border: rgba(15, 23, 42, .08);--sp-shadow-1: 0 8px 24px rgba(15, 23, 42, .06);--sp-shadow-2: 0 20px 50px rgba(15, 23, 42, .1);--sp-radius: 18px;--sp-radius-lg: 24px;--sp-grad-bg: radial-gradient(1200px 600px at 10% -10%, rgba(125, 241, 212, .35) 0%, rgba(183, 165, 255, .25) 35%, rgba(255, 111, 142, .18) 65%, rgba(255, 255, 255, 0) 75%) no-repeat, radial-gradient(1000px 500px at 90% 10%, rgba(72, 213, 193, .25) 0%, rgba(91, 226, 156, .18) 40%, rgba(255, 255, 255, 0) 70%) no-repeat}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--sp-text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--sp-bg);background-image:var(--sp-grad-bg);background:linear-gradient(115deg,#63c6e4,#7199e6 38%,#6e5bff)}.public-container{max-width:1160px;margin:0 auto;padding:20px}.container{width:100%;height:100%;margin:0 auto;padding:20px}.header{width:95%;padding:10px 14px;display:flex;align-items:center;gap:12px;background:#ffffffbf;-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-1)}.navbar{width:100%;height:10vh;justify-content:space-between;background:#fff}.header__brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.navbar-brand{width:20%;height:100%;max-height:10vh;display:flex;align-items:center}.navbar-brand img{max-height:8vh}.navbar-title{width:40%;height:100%;max-height:10vh;display:flex;justify-content:flex-start;align-items:center;color:#2b214f;font-size:32px;font-weight:700;font-style:italic}.navbar-title span{font-weight:400;font-style:normal}.brand-dot{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 20%,var(--sp-teal) 21% 100%);box-shadow:0 0 0 4px #7df1d459}.header__title{font-size:24px;color:#2b214f}.header__spacer{flex:1}.navbar-btn-wrapper{width:10%;height:100%;max-height:10vh;display:flex;justify-content:flex-end;align-items:center}.header__chip{font-size:12px;color:#0f172acc;background:#fff;border:1px solid var(--sp-border);border-radius:999px;padding:6px 10px}.header__avatar{width:36px;height:36px;border-radius:999px;background:#e9eef9;border:1px solid var(--sp-border)}.grid12{margin-top:16px;padding-top:5%;height:75vh;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width: 960px){.grid12{grid-template-columns:1fr 1fr}}.card{position:relative;height:25vh;padding:16px 16px 18px;background:linear-gradient(180deg,#ffffffdb,#ffffffd1);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-1);overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#b7a5ff2e,#7df1d42e);mix-blend-mode:soft-light;opacity:.35}.card__title{display:flex;align-items:baseline;gap:8px;margin:4px 2px 14px;letter-spacing:.2px}.card__title h3{margin:0;font-size:16px;font-weight:700}.card__title em{font-style:normal;color:var(--sp-primary)}.app-tiles{display:flex;flex-wrap:wrap;gap:16px}.tile{display:grid;place-items:center;width:132px;height:132px;border-radius:28px;background:#f7f9ff;border:1px solid var(--sp-border);box-shadow:0 6px 16px #0f172a0f,inset 0 1px #ffffffb3;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font-weight:600;text-align:center}.tile:hover{transform:translateY(-2px);box-shadow:var(--sp-shadow-2);filter:saturate(1.02)}.tile__label{font-size:14px;margin-top:6px;opacity:.95}.tile--rse{background:radial-gradient(80px 80px at 30% 25%,#ffffffe6,#fffc 40%,#ffffffb3 70%),linear-gradient(160deg,#15122c,#2c2560 55%,#3a2f8f);color:#fff}.tile--carb{background:radial-gradient(80px 80px at 30% 25%,#ffffffe6,#fffc 40%,#ffffffb3 70%),linear-gradient(160deg,#d8fff3,#98f7dd 45%,#56dcc3 95%);color:#0b1b16}.tile--enq{background:radial-gradient(80px 80px at 30% 25%,#fffffff2,#ffffffd9 45%,#ffffffbf 70%),linear-gradient(160deg,#ffe8ee,#ffb9c6 40%,#ff7a97 95%);color:#310710}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,#e9eef9,#dde6ff);border:1px solid var(--sp-border)}.btn{width:8rem;appearance:none;border:0;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid var(--sp-border);border-radius:12px;padding:10px 14px;font-weight:600;box-shadow:0 4px 14px #0f172a0f;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:var(--sp-shadow-1)}.btn--primary{background:linear-gradient(180deg,#7df1d4,#48d5c1);color:#083a31;border:none}.btn-login{color:#fff}.btn-logout{appearance:none;border:none;background:none;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.btn-login:hover,.btn-logout:hover{transform:translateY(-1px);box-shadow:var(--sp-shadow-1)}a{color:var(--sp-primary);text-decoration:none}a:hover{opacity:.9}:focus-visible{outline:2px solid var(--sp-mint);outline-offset:2px}.hero{position:relative;min-height:72vh;padding-top:2%;display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:22px;align-items:stretch;margin-top:10px}.hero__bg{width:55vw;height:80vh;position:relative;display:flex;justify-content:center;align-items:center;border-radius:18px;overflow:hidden}.hero__bg img{width:75%;height:auto;border-radius:18px}.hero__panel-wrap{position:relative;min-width:25vw;height:75vh;padding-top:12%}.hero__tab,.hero__tab:after{content:"";position:absolute;left:8px;right:22px;height:84%;border-radius:18px;box-shadow:0 10px 28px #0f172a1a}.hero__tab{top:14px;background:#45d1cd}.hero__tab:after{top:22px;background:linear-gradient(180deg,#3db7b4,#43d8cb)}.hero__band{position:absolute;width:15vw;height:20vh;left:0;right:120px;bottom:0;background:#2b214f;box-shadow:0 -6px 18px #0f172a14 inset}.hero__panel{position:relative;padding:28px 24px 24px;min-width:25vw;height:70vh;display:flex;flex-direction:column;gap:18px;background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.06);box-shadow:0 12px 36px #0f172a1f;z-index:2}.hero__logo{width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:28px;letter-spacing:.2px;color:#1a1740}.hero__logo img{width:75%;height:auto}.hero__slogan{margin-top:2%;padding-top:14px;border-top:2px solid rgba(15,23,42,.14);color:#2b214f;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:.1rem;margin-bottom:30%}.hero__year{width:100%;height:10vh;margin-top:auto;font-size:24px;font-weight:800;color:#2b214f}.btn-wrapper{width:100%;height:auto;display:flex;justify-content:center;align-items:center}@media (max-width: 900px){.hero{grid-template-columns:1fr}.hero__tab,.hero__tab:after,.hero__band{left:6px;right:28px}}