@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary-dark: #9a3412;--primary: #ea580c;--primary-light: #fb923c;--secondary: #2563eb;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--error: #ef4444;--background: var(--white);--foreground: var(--gray-900);--muted: var(--gray-100);--muted-foreground: var(--gray-500);--border: var(--gray-200);--radius: .5rem;--font-sans: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.header{position:sticky;top:0;z-index:50;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;color:var(--gray-900)}.logo-icon{background-color:var(--primary);color:var(--white);padding:.375rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.nav-menu{display:flex;align-items:center;gap:1rem}.nav-item{font-size:.875rem;font-weight:500;color:var(--gray-600);transition:color .2s}.nav-item:hover{color:var(--primary)}.footer{background-color:var(--gray-900);color:var(--gray-400);margin-top:64px;border-top:1px solid var(--gray-800)}.footer-main{padding:48px 0}.footer h4{color:var(--white);margin-bottom:16px;font-size:1.125rem;font-weight:600}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link{font-size:.875rem;transition:color .2s}.footer-link:hover{color:var(--white)}.social-links{display:flex;gap:16px;margin-top:16px}.social-links a{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;color:var(--white)}.social-links a:hover{background:#fff3}.footer-bottom{padding-top:2rem;border-top:1px solid var(--gray-800);text-align:center;font-size:.875rem;color:var(--gray-500)}.card{background-color:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}.card-header{padding:1.5rem;display:flex;flex-direction:column;gap:.375rem}.card-title{font-size:1.25rem;font-weight:600;line-height:1}.card-description{font-size:.875rem;color:var(--muted-foreground)}.card-content{padding:1.5rem;padding-top:0;flex:1}.card-footer{padding:1.5rem;padding-top:0;display:flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-default{background-color:var(--primary);color:var(--white)}.btn-default:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover:not(:disabled){background-color:#1d4ed8}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--foreground)}.btn-outline:hover:not(:disabled){background-color:var(--muted)}.btn-ghost{background-color:transparent;color:var(--foreground)}.btn-ghost:hover:not(:disabled){background-color:var(--muted)}.btn-destructive{background-color:var(--error);color:var(--white)}.btn-destructive:hover:not(:disabled){background-color:#dc2626}.btn-size-default{height:2.25rem;padding:0 1rem}.btn-size-sm{height:2rem;padding:0 .75rem;font-size:.75rem}.btn-size-lg{height:2.75rem;padding:0 2rem;font-size:1rem}.btn-size-icon{height:2.25rem;width:2.25rem;padding:0}.input{display:flex;height:2.25rem;width:100%;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--white);padding:0 .75rem;font-size:.875rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.label{font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem;display:block}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600}.badge-default{background-color:var(--primary);color:var(--white)}.badge-secondary{background-color:var(--muted);color:var(--foreground)}.badge-outline{border:1px solid var(--border);color:var(--foreground)}.sidebar{width:16rem;background-color:var(--white);border-right:1px solid var(--border);height:calc(100vh - 4rem);position:sticky;top:4rem;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--gray-600);transition:all .2s}.sidebar-item:hover{background-color:var(--muted);color:var(--foreground)}.sidebar-item.active{background-color:#ea580c1a;color:var(--primary)}.course-card{transition:transform .3s,box-shadow .3s}.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.course-image-container{position:relative;height:12rem;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.course-card:hover .course-image{transform:scale(1.05)}.course-badge{position:absolute;top:.75rem;left:.75rem}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-muted{color:var(--muted-foreground)}.font-bold{font-weight:700}.w-full{width:100%}.h-full{height:100%}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}.bg-muted{background-color:var(--muted)}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 217.2 91.2% 59.8%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--success: 160.1 84.1% 39.4%;--success-foreground: 210 40% 98%;--warning: 38 92% 50%;--warning-foreground: 210 40% 98%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--info: 199 89% 48%;--info-foreground: 210 40% 98%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 43 96% 58%;--accent-foreground: 222.2 47.4% 11.2%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--radius: 1rem;--status-healthy: 142.1 76.2% 36.3%;--status-degraded: 47.9 95.8% 53.1%;--status-down: 346.8 77.2% 49.8%;--status-maintenance: 217.2 91.2% 59.8%;--font-sans-default: "Plus Jakarta Sans", sans-serif;--font-mono-default: "JetBrains Mono", monospace}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 217.2 91.2% 59.8%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--success: 160.1 84.1% 39.4%;--success-foreground: 210 40% 98%;--warning: 38 92% 50%;--warning-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--info: 199 89% 48%;--info-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 43 96% 58%;--accent-foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--status-healthy: 142.1 70% 45%;--status-degraded: 47.9 90% 60%;--status-down: 346.8 80% 60%;--status-maintenance: 217.2 90% 65%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased transition-colors duration-300;font-family:var(--font-sans-default)}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{@apply text-balance;letter-spacing:-.02em}p{@apply leading-relaxed max-w-[65ch];}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-slate-700/50 rounded-full border-2 border-transparent bg-clip-padding;}::-webkit-scrollbar-thumb:hover{@apply bg-slate-600/80;}*:focus-visible{@apply outline-none ring-2 ring-primary ring-offset-2 ring-offset-background transition-shadow;}.skip-link{@apply absolute -top-40 left-0 bg-primary text-primary-foreground px-4 py-2 z-[100] transition-all focus:top-0 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 font-bold rounded-br-lg shadow-lg;}}@layer components{.glass-panel{@apply bg-card/80 backdrop-blur-md border border-border shadow-sm;}.metric-value{@apply font-variant-numeric tabular-nums tracking-tight;}.pro-card{@apply bg-card border border-border shadow-sm rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md hover:-translate-y-1;}.status-indicator{@apply w-3 h-3 rounded-full inline-block relative;}.status-indicator:after{content:"";@apply absolute inset-0 rounded-full animate-ping opacity-50;background-color:inherit}.status-healthy{@apply bg-[hsl(var(--status-healthy))];}.status-degraded{@apply bg-[hsl(var(--status-degraded))];}.status-down{@apply bg-[hsl(var(--status-down))];}.status-maintenance{@apply bg-[hsl(var(--status-maintenance))];}.bento-grid{@apply grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6;}.bento-item-large{@apply md:col-span-2 lg:col-span-2;}.bento-item-full{@apply md:col-span-3 lg:col-span-4;}}