@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f5f6f8;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--accent-primary:#0af;--accent-gradient:linear-gradient(135deg, #ff6b35, #c0392b, #2980b9, #6c3483);--border-color:#e8e9f0;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--accent-yellow:#eab308;--accent-purple:#a855f7;--accent-cyan:#06b6d4;--shadow-card:0 2px 12px #00000012;--shadow-hover:0 8px 24px #0000001f;--radius-card:12px;--radius-sm:6px;--radius-md:8px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:var(--radius-sm)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,select,textarea{color:inherit;background:0 0;font-family:inherit}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{color:var(--text-primary);font-weight:700;line-height:1.2}.hero-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.section-title{letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.card-title{letter-spacing:-.01em;color:var(--text-primary);font-size:1.25rem;font-weight:600}.body-text{color:var(--text-secondary);font-size:1rem;line-height:1.6}.meta-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-center{text-align:center}.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:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=480px){.grid{grid-template-columns:1fr!important}}.w-full{width:100%}.max-w-4xl{max-width:56rem;margin-left:auto;margin-right:auto}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.sticky-nav{z-index:1000;background:var(--bg-primary);border-bottom:1px solid var(--border-color);align-items:center;width:100%;height:72px;display:flex;position:fixed;top:0;left:0}.navbar-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:0 1rem;font-weight:500}.navbar-link:hover,.navbar-link.active{color:var(--accent-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;height:100%;padding:20px;display:flex}.card-hover:hover{box-shadow:var(--shadow-hover);cursor:pointer;transform:translateY(-3px)}.card-icon-wrapper{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-4);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;border:none}.btn-primary:hover{background:#0099e6;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#e8e9f0}.btn-danger{color:var(--danger-color);background-color:#fee2e2;border:1px solid #fca5a5}.btn-danger:hover{background-color:#fecaca}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{border-color:var(--text-primary)}.input-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;width:100%;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-field{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.85rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--accent-primary);outline:none}.search-container{width:100%;position:relative}.search-icon{color:var(--text-secondary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;transition:all var(--transition-fast);border-radius:99px;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem}.search-input:focus{border-color:var(--accent-primary);outline:none}@media print{.no-print{display:none!important}body{color:#000;background:#fff}.card{color:#000;box-shadow:none;background:#fff;border:1px solid #ddd}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-overlay{z-index:1001;background:#0006;animation:.3s ease-out forwards fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--bg-primary);border-left:1px solid var(--border-color);z-index:1002;width:85vw;max-width:400px;height:100vh;padding:var(--space-6);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.hidden{display:none}@media (width>=768px){.md\:block{display:block}.md\:flex{display:flex}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}.page-header{margin-bottom:var(--space-8);align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color);display:flex}.page-header h1{color:var(--accent-primary);margin-bottom:var(--space-1);font-size:2.5rem}.page-header p{color:var(--text-secondary);margin:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.inset-0{inset:0}.top-full{top:100%}.top-2\.5{top:.625rem}.left-3{left:.75rem}.z-50{z-index:50}.z-40{z-index:40}.z-10{z-index:10}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mx-8{margin-left:2rem;margin-right:2rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.w-64{width:16rem}.w-48{width:12rem}.h-48{height:12rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-3xl{max-width:48rem;margin-left:auto;margin-right:auto}.max-w-7xl{max-width:80rem;margin-left:auto;margin-right:auto}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-12{padding-bottom:3rem}.pt-6{padding-top:1.5rem}.pl-10{padding-left:2.5rem}.m-0{margin:0}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tracking-wide{letter-spacing:.025em}.uppercase{text-transform:uppercase}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-style:solid;border-width:1px}.border-t{border-style:solid;border-top-width:1px}.border-b{border-style:solid;border-bottom-width:1px}.last\:border-0:last-child{border-bottom-width:0}.border-gray-800{border-color:#1f2937}.border-gray-700{border-color:#374151}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-blue-500\/30{border-color:#3b82f64d}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-500\/20{border-color:#eab30833}.border-green-500{border-color:#22c55e}.hover\:border-gray-600:hover{border-color:#4b5563}.hover\:border-gray-500:hover{border-color:#6b7280}.bg-black{background-color:#000}.bg-\[var\(--surface-hover\)\],.hover\:bg-\[var\(--surface-hover\)\]:hover,.active\:bg-\[var\(--surface-hover\)\]:active{background-color:var(--bg-secondary)}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/5{background-color:#3b82f60d}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/5{background-color:#eab3080d}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500{background-color:#22c55e}.bg-red-500{background-color:#ef4444}.text-blue-500{color:#00b4fa}.text-blue-400{color:#60a5fa}.text-yellow-500{color:#eab308}.text-green-500{color:#22c55e}.text-red-500{color:#ef4444}.text-white{color:#fff}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg;transform:rotate(-90deg)}.bg-\[rgba\(59\,130\,246\,0\.1\)\]{background-color:#3b82f61a}.bg-\[rgba\(239\,68\,68\,0\.05\)\]{background-color:#ef44440d}.bg-\[rgba\(255\,255\,255\,0\.05\)\]{background-color:#ffffff0d}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width>=1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:block{display:block}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background-color:#000000b3;animation:.3s ease-out forwards fadeIn;position:fixed;inset:0}.mobile-drawer{background-color:var(--bg-primary);border-left:1px solid var(--border-color);z-index:999;flex-direction:column;width:85vw;max-width:400px;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #00000080}