@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.global-notification-banner{position:fixed;bottom:0;left:0;width:100%;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -2px 10px #0000001a;z-index:2000;font-size:.9rem;transition:transform .3s ease-in-out}.global-notification-banner.info{background-color:#e0e0e0;color:#333}.global-notification-banner.warning{background-color:var(--asu-gold);color:var(--asu-maroon)}.global-notification-banner.error{background-color:var(--asu-maroon);color:#fff}.banner-icon{width:20px;height:20px;margin-right:10px;fill:currentColor}.banner-message{flex-grow:1}.close-banner-button{background:none;border:none;color:currentColor;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 0 0 15px;opacity:.7}.close-banner-button:hover{opacity:1}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:10000;padding:6px 10px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:transparent}@media (max-width: 779px){.mobile-bottom-nav{display:block}main{padding-bottom:78px}}@media (min-width: 500px){.bottom-nav-scroll{justify-content:center}}.bottom-nav-scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;background:#0a020485;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-radius:50px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-top:1.5px solid rgba(232,168,51,.55);box-shadow:0 12px 40px #0009,0 4px 12px #0006,inset 0 1px #ffffff12}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:5px 8px;text-decoration:none;color:#fffc;border-radius:14px;transition:all .2s ease;flex-shrink:0}.bottom-nav-item:hover{background:#ffffff14}.nav-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff12;margin-bottom:3px;transition:all .2s ease}.nav-icon svg{width:16px;height:16px;color:#ffffffd9;transition:color .2s ease}.bottom-nav-item.active .nav-icon{background:linear-gradient(135deg,var(--asu-gold) 0%,#c8841a 100%);box-shadow:0 2px 10px #e8a8338c}.bottom-nav-item.active .nav-icon svg{color:var(--asu-maroon)}.bottom-nav-item.active .nav-label{color:var(--asu-gold)}.nav-label{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;opacity:.85}.scroll-hint{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#0a0204e6;border-radius:50%;box-shadow:0 2px 8px #0006;animation:pulse-hint 1.5s ease-in-out infinite;pointer-events:none}.scroll-hint svg{width:14px;height:14px;color:var(--asu-gold);animation:nudge-right 1.5s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.9;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}@keyframes nudge-right{0%,to{transform:translate(0)}50%{transform:translate(3px)}}:root{--asu-maroon: #43141A;--asu-gold: #E8A833;--asu-maroon-dark: #331014;--asu-maroon-light: #5C1D24;--dark-bg: #E8A833;--darker-bg: #D49530;--light-bg: #F8F9FA;--white: #FFFFFF;--black: #000000;--text-primary: #1A1A1A;--text-secondary: #555555;--text-light: #999999;--text-white: #FFFFFF;--gradient-primary: linear-gradient(135deg, var(--asu-maroon) 0%, var(--asu-maroon-dark) 100%);--gradient-gold: linear-gradient(135deg, #FFD700 0%, var(--asu-gold) 50%, #FFA500 100%);--gradient-dark: linear-gradient(135deg, #000000 0%, var(--asu-maroon-dark) 80%);--gradient-accent: linear-gradient(135deg, var(--asu-maroon) 0%, #4a0d20 100%);--gradient-shine: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-bg-light: rgba(255, 255, 255, .05);--glass-bg-dark: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 10px;--border-color: #E5E7EB;--border-color-light: #F3F4F6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(255, 198, 39, .3);--shadow-maroon: 0 10px 30px rgba(140, 29, 64, .3);--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-xl: 20px;--header-height: 110px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--cubic-smooth: cubic-bezier(.4, 0, .2, 1);--cubic-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0;background-color:var(--light-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:40px;padding-bottom:60px;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{background-color:var(--asu-maroon);background-image:url(/assets/header-stripe-Bp0lTY4h.webp);background-size:auto 100%;background-repeat:repeat-x;background-position:center;color:var(--white);height:var(--header-height);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md);border-top:2px solid var(--white)}.header-container{display:flex;justify-content:center;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;height:100%;position:relative}.logo{position:absolute;left:24px;display:flex;align-items:center;gap:12px;text-decoration:none}.logo img{height:65px;width:auto;transition:transform .3s ease}.logo:hover img{transform:scale(1.05)}.logo h1{color:var(--white);font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2}.last-updated{font-size:.75rem;color:#ffffffb3;font-weight:400;display:block}.main-nav{display:flex;align-items:center}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:clamp(0px,.4vw,8px)}.main-nav ul li a{color:var(--white);text-decoration:none;padding:10px clamp(4px,1.3vw,20px);font-size:clamp(.8rem,1.1vw,1rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;border-radius:var(--border-radius-sm);transition:all .2s ease;position:relative;opacity:.9;white-space:nowrap}.main-nav ul li a:hover,.main-nav ul li a:focus{background-color:#ffffff1a;color:var(--asu-gold);opacity:1}.main-nav ul li a.active{background-color:var(--asu-gold);color:var(--asu-maroon);font-weight:700;opacity:1}.tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:2px solid var(--border-color);gap:10px}.tabs button{background:none;border:none;padding:12px 24px;font-size:1rem;cursor:pointer;color:var(--text-secondary);font-weight:500;border-bottom:3px solid transparent;transition:all .3s}.tabs button:hover{color:var(--text-primary)}.tabs button.active{color:var(--asu-maroon);border-bottom-color:var(--asu-maroon);font-weight:700}footer{background:var(--asu-maroon);color:var(--text-light);padding:20px 0 15px;border-top:4px solid var(--asu-gold)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;max-width:1200px;margin:0 auto;padding:0 24px}.footer-logo img{height:35px;margin-bottom:10px;opacity:1}.footer-links h3,.footer-social h3{color:var(--asu-gold);margin-bottom:10px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#ffffffd9;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--asu-gold)}.social-icons{display:flex;gap:15px}.social-icons a{color:var(--white);font-size:1.4rem;transition:transform .2s,color .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%}.social-icons a:hover{color:var(--asu-gold);transform:translateY(-3px);background-color:#fff3}.copyright{text-align:center;margin-top:60px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem}.page-container{max-width:1200px;margin:0 auto;padding:0 20px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading,.error-message,.no-data{text-align:center;padding:60px 20px;color:var(--text-secondary)}.error-message{color:#d32f2f}@media (max-width: 779px){:root{--header-height: 60px}.header-container{padding:0 16px}.logo img{height:36px}.logo h1{font-size:1rem}.main-nav{display:none}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-light{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-dark{background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.card{background:var(--white);border-radius:var(--border-radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--asu-gold)}.card-interactive:active{transform:translateY(-2px)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-gold{background:var(--gradient-gold)}.bg-gradient-dark{background:var(--gradient-dark)}.animate-fade-in{animation:fadeIn .5s var(--cubic-smooth)}.animate-slide-up{animation:slideUp .6s var(--cubic-smooth)}.animate-scale-in{animation:scaleIn .4s var(--cubic-bounce)}.animate-glow{animation:glow 2s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffc6274d}50%{box-shadow:0 0 30px #ffc62780}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--light-bg);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--asu-maroon);border-radius:10px;transition:background var(--transition-base)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--asu-maroon-light)}.skeleton{background:linear-gradient(90deg,var(--border-color) 0%,var(--border-color-light) 50%,var(--border-color) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--asu-maroon);color:var(--white)}.badge-gold{background:var(--asu-gold);color:var(--asu-maroon)}.badge-outline{background:transparent;border:2px solid var(--asu-maroon);color:var(--asu-maroon)}:focus-visible{outline:2px solid var(--asu-gold);outline-offset:2px;border-radius:2px}.skip-to-main{position:absolute;left:-9999px;top:0;z-index:10000}.skip-to-main:focus{left:1rem;top:1rem;background:var(--asu-maroon);color:var(--asu-gold);padding:.5rem 1rem;text-decoration:none;border:2px solid var(--asu-gold)}
