.presidents-page{--presidents-gold: #FACE1D;--presidents-gold-dark: #C99F14;--presidents-charcoal: #1a1525;--presidents-charcoal-light: #2a2640;--presidents-purple-dark: #362952;--presidents-cream: #FDFBF7;--presidents-font-display: "Lora", Georgia, serif;--presidents-font-body: "DM Sans", system-ui, sans-serif;--presidents-ease: cubic-bezier(.25, .46, .45, .94)}.presidents-page{min-height:100vh;background:var(--presidents-cream)}.presidents-hero{position:relative;overflow:hidden;padding:8rem 2rem 5rem;background:linear-gradient(135deg,var(--presidents-charcoal) 0%,var(--presidents-purple-dark) 50%,var(--presidents-charcoal-light) 100%)}@media(max-width:640px){.presidents-hero{padding-top:4rem;padding-bottom:2.5rem}}@media(min-width:768px){.presidents-hero{padding:10rem 2rem 5rem}}.presidents-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(250,206,29,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(139,92,246,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 30%,rgba(124,58,237,.18) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(147,51,234,.15) 0%,transparent 50%);pointer-events:none}.presidents-hero-grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:soft-light}.presidents-hero-decoration{position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.12);pointer-events:none}.presidents-hero-decoration-1{width:400px;height:400px;top:-150px;right:-100px}.presidents-hero-decoration-2{width:250px;height:250px;bottom:-80px;left:-60px}.presidents-hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto 1.5rem;text-align:center}.presidents-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#face1d26;border:1px solid rgba(250,206,29,.3);border-radius:20px;margin-bottom:1.5rem;animation:presidentsFadeInDown .8s var(--presidents-ease)}.presidents-hero-icon svg{width:36px;height:36px;color:var(--presidents-gold)}.presidents-hero-title{font-family:var(--presidents-font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;animation:presidentsFadeInUp .8s var(--presidents-ease) .1s both}.presidents-hero-title span{color:var(--presidents-gold)}.presidents-hero-subtitle{font-family:var(--presidents-font-body);font-size:1.125rem;line-height:1.7;color:#fff9;max-width:550px;margin:0 auto 1.5rem;animation:presidentsFadeInUp .8s var(--presidents-ease) .2s both}.presidents-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}@media(min-width:768px){.presidents-container{padding:3rem 2rem 5rem}}.presidents-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 40px #0000000f}.presidents-spinner{width:48px;height:48px;border:3px solid rgba(0,0,0,.08);border-top-color:var(--presidents-gold);border-radius:50%;animation:presidentsSpin .8s linear infinite}.presidents-loading-text{margin-top:1.25rem;font-family:var(--presidents-font-body);font-size:.95rem;color:#666}.presidents-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;text-align:center;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 40px #0000000f}.presidents-error-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.presidents-error-icon svg{width:32px;height:32px;color:#ef4444}.presidents-error-title{font-family:var(--presidents-font-body);font-size:1.125rem;font-weight:600;color:var(--presidents-charcoal);margin-bottom:.5rem}.presidents-error-message{font-family:var(--presidents-font-body);font-size:.9rem;color:#666;margin-bottom:1.5rem}.presidents-retry-btn{padding:.75rem 1.5rem;background:var(--presidents-gold);color:var(--presidents-charcoal);font-family:var(--presidents-font-body);font-size:.9rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s var(--presidents-ease)}.presidents-retry-btn:hover{background:var(--presidents-gold-dark);transform:translateY(-2px);box-shadow:0 8px 24px #face1d40}.presidents-empty{display:flex;align-items:center;justify-content:center;padding:8rem 2rem;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 40px #0000000f}.presidents-empty-text{font-family:var(--presidents-font-body);font-size:1rem;color:#666}.presidents-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:480px){.presidents-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.presidents-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.presidents-grid{grid-template-columns:repeat(4,1fr)}}.presidents-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000a;overflow:hidden;transition:all .3s var(--presidents-ease);animation:presidentsFadeInUp .6s var(--presidents-ease) both;border-top:4px solid var(--presidents-gold)}.presidents-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.presidents-card-late{border-top-color:#9ca3af}.presidents-card-photo{aspect-ratio:3/4;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);position:relative}.presidents-card-image{width:100%;height:100%;object-fit:cover}.presidents-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f8f8,#f0f0f0)}.presidents-card-placeholder.hidden{display:none}.presidents-card-placeholder svg{width:48px;height:48px;color:#ccc}.presidents-card-info{padding:1rem;text-align:center}.presidents-card-term{display:inline-block;padding:.25rem .75rem;background:#face1d26;color:var(--presidents-charcoal);font-family:var(--presidents-font-body);font-size:.75rem;font-weight:600;border-radius:20px;margin-bottom:.5rem}.presidents-card-name{font-family:var(--presidents-font-body);font-size:.875rem;font-weight:600;color:var(--presidents-charcoal);line-height:1.4}.presidents-legacy{margin-top:3rem;background:linear-gradient(135deg,#8b5cf614,#7c3aed0d);border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:2.5rem 2rem;text-align:center}.presidents-legacy-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#face1d26;border:1px solid rgba(250,206,29,.25);border-radius:16px;margin-bottom:1.25rem}.presidents-legacy-icon svg{width:28px;height:28px;color:var(--presidents-gold)}.presidents-legacy-title{font-family:var(--presidents-font-display);font-size:1.5rem;font-weight:600;color:var(--presidents-charcoal);margin-bottom:.75rem}@media(min-width:768px){.presidents-legacy-title{font-size:1.75rem}}.presidents-legacy-text{font-family:var(--presidents-font-body);font-size:1rem;line-height:1.7;color:#555;max-width:600px;margin:0 auto}@keyframes presidentsFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes presidentsFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes presidentsSpin{to{transform:rotate(360deg)}}