:root{--primary-color: #0078D4;--primary-dark: #005A9E;--secondary-color: #107C10;--accent-color: #FF4081;--dark-color: #1E1E1E;--light-gray: #F8F9FA;--medium-gray: #6C757D;--border-color: #E5E7EB;--white: #FFFFFF;--gradient-primary: linear-gradient(135deg, #0078D4 0%, #005A9E 100%);--gradient-secondary: linear-gradient(135deg, #107C10 0%, #0B5394 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--dark-color);background-color:var(--white)}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.btn-white{background:var(--white);color:var(--primary-color);border:2px solid var(--white)}.btn-white:hover{background:transparent;color:var(--white)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.app-body-with-header{padding-top:0}.page-header{padding:8rem 0 2rem;background:linear-gradient(135deg,#f8faff,#e6f3ff);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%230078d4" stroke-width="0.3" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.page-header.primary{background:linear-gradient(135deg,#f8faff,#e6f3ff);color:var(--dark-color)}.page-header.hero{padding:10rem 0 6rem}.page-header-content{position:relative;max-width:800px;margin:0 auto}.page-header h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;color:#0078d4;text-shadow:0 2px 4px rgba(0,120,212,.1);position:relative}.page-header.hero h1{font-size:3.5rem;font-weight:800}.page-header p{font-size:1.25rem;color:#605e5c;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative}.page-header .highlight{color:#0078d4;font-weight:600}.page-header .emphasis{background:linear-gradient(120deg,#e6f3ff,#cce7ff);padding:.2rem .5rem;color:#005a9e;font-weight:500}.content-section{padding:4rem 0;flex:1;background:var(--white)}.content-section:nth-child(2n){background:#fafbfc}.content-section h2{font-size:2.5rem;font-weight:700;color:#0078d4;margin-bottom:1rem;text-align:center}.content-section h3{font-size:1.8rem;font-weight:600;color:#005a9e;margin-bottom:1rem}.content-section p{font-size:1.125rem;line-height:1.7;color:#323130;margin-bottom:1.5rem}.content-section .highlight{color:#0078d4;font-weight:600}.content-section .emphasis{background:linear-gradient(120deg,#e6f3ff,#cce7ff);padding:.2rem .5rem;color:#005a9e;font-weight:500}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.content-grid.center{align-items:center}.content-grid.three-col{grid-template-columns:repeat(3,1fr);gap:3rem}.content-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card.featured{border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.5rem}.page-header,.page-header.hero{padding:6rem 0 1.5rem}.page-header h1,.page-header.hero h1{font-size:2.5rem}.page-header p{font-size:1.125rem;padding:0 1rem}.content-section{padding:2rem 0}.content-grid,.content-grid.three-col{grid-template-columns:1fr;gap:2rem}.content-grid.auto-fit{grid-template-columns:1fr;gap:1.5rem}.card{padding:1.5rem}}@media (max-width: 480px){.container{padding:0 .75rem}.page-header,.page-header.hero{padding:6rem 0 1.5rem}.page-header h1,.page-header.hero h1{font-size:2rem}.card{padding:1rem}.content-section{padding:1.5rem 0}}#root{max-width:100%;margin:0 auto;padding:0;text-align:center}th,td{padding-left:1rem;padding-right:1rem}