@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html,body,#root{min-height:100vh}:root{--page-background:radial-gradient(120% 160% at 12% -10%, #005cb973, transparent 65%), radial-gradient(140% 130% at 88% 12%, #e3061361, transparent 70%), radial-gradient(180% 180% at 50% 120%, #003a8c59, transparent 75%), #001b3f;--page-background-base:#001b3f;--pepsi-blue:#005cb9;--pepsi-deep:#003a70;--pepsi-red:#e30613;--pepsi-ice:#e7f4ff;--text-light:#f5f7fb;--text-dark:#052a5c;--surface-dark:#002044e0;--surface-light:#ffffff38;--border-chrome:#a2bad26b;--shadow-strong:0 28px 48px #00153675;--shadow-soft:0 20px 34px #004aad38;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--transition-fast:.15s ease;--transition-slow:.24s ease;--scrollbar-track:transparent;--scrollbar-thumb:#0028548c;--scrollbar-thumb-hover:#003870b3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}input:-webkit-autofill{caret-color:#f5f7fb;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f5f7fb!important;-webkit-box-shadow:inset 0 0 0 1000px #00153673!important}input:-webkit-autofill:hover{caret-color:#f5f7fb;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f5f7fb!important;-webkit-box-shadow:inset 0 0 0 1000px #00153673!important}input:-webkit-autofill:focus{caret-color:#f5f7fb;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f5f7fb!important;-webkit-box-shadow:inset 0 0 0 1000px #00153673!important}input:-webkit-autofill:active{caret-color:#f5f7fb;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#f5f7fb!important;-webkit-box-shadow:inset 0 0 0 1000px #00153673!important}html{background-color:var(--page-background-base);scrollbar-color:#0028548c transparent;scrollbar-width:thin}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:0;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{background:var(--page-background);min-height:100vh;color:var(--text-light);transition:background var(--transition-slow), color var(--transition-slow);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;transition:opacity var(--transition-slow), transform var(--transition-slow);position:fixed;inset:auto}#root{z-index:1;position:relative}a{color:inherit}.wrapper{z-index:1;width:min(1180px,92%);margin:0 auto;padding:40px 0 56px;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;margin-bottom:38px;display:flex;position:relative}.hero__text{flex-direction:column;align-items:center;gap:12px;max-width:720px;display:flex}.brand-title{letter-spacing:-.02em;color:#fff;white-space:nowrap;margin:0;font-size:clamp(2.2rem,3vw,3.4rem);font-weight:700}body.theme-light .brand-title{color:var(--pepsi-deep)}.tagline{color:#d6e5ffde;margin:0;font-size:1.08rem;line-height:1.6}body.theme-light .tagline{color:#052a5cb8}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}@media (width<=1080px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.tile-grid{grid-template-columns:1fr}}.tile{border-radius:var(--radius-xl);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform var(--transition-slow), box-shadow var(--transition-slow), border var(--transition-slow);background:linear-gradient(140deg,#002450f0,#005cb9ad);border:1px solid #0072ce75;flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.tile:hover{border-color:#e3061394;transform:translateY(-6px)scale(1.01);box-shadow:0 32px 52px #005cb96b}.tile h3{color:var(--text-light);margin:0;font-size:1.18rem;font-weight:600}.tile p{color:#d6e5ffe0;margin:0;line-height:1.55}body.theme-light .tile{background:linear-gradient(152deg,#fffffff5,#dde8ffe6);border-color:#112e5e29;box-shadow:0 26px 48px #0f1f3d24}body.theme-light .tile h3{color:#122d57}body.theme-light .tile p{color:#112d55c2}.tile-icon{color:#fff;background:linear-gradient(145deg,#005cb9b8,#e30613b8);border-radius:18px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.tile-icon svg{width:30px;height:30px;display:block}body.theme-light .tile-icon{color:#112c58;background:linear-gradient(145deg,#0072ce38,#ff729429);box-shadow:0 18px 34px #0f1f3d2e}.tile .meta{color:#d6e5ffd1;justify-content:space-between;align-items:center;margin-top:auto;font-size:.92rem;display:flex}.tile .role-tags{flex-wrap:wrap;gap:8px;display:flex}.role-tag{letter-spacing:.025em;text-transform:uppercase;color:var(--text-light);background:#005cb947;border:1px solid #0072ce75;border-radius:999px;padding:5px 12px;font-size:.74rem}body.theme-light .role-tag{color:#112d55b8;background:#0072ce29;border-color:#0072ce3d}.tile--disabled{cursor:not-allowed;opacity:.65;box-shadow:none;border-style:dashed;border-color:#0072ce61}.tile--locked{cursor:not-allowed;opacity:.55;box-shadow:none;border-style:dashed;border-color:#0072ce5c}@media (width<=700px){.brand-title{white-space:normal}.wrapper{padding:24px 0 40px}}