@media (max-width: 767px){html{-webkit-text-size-adjust:100%}body{font-size:16px}}@media (max-width: 767px){button,.btn,a.btn,.nav-link{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@supports (padding: max(0px)){.header,.footer{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media (max-width: 767px) and (orientation: landscape){.hero{padding:2rem 0}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1.125rem}}@media print{.header,.footer,.header-actions,.mobile-menu-toggle{display:none}.main-content{padding:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--success-color: #28a745;--danger-color: #e74c3c;--warning-color: #ffc107;--info-color: #17a2b8;--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;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1400px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#111827;background-color:#f9fafb;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px;padding:0 1.5rem}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}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}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media (max-width: 767px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}p{margin-bottom:1rem}.btn{display:inline-block;padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;line-height:1.5}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.btn-outline{background-color:transparent;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background-color:#667eea;color:#fff}.btn-sm{padding:.25rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.875rem}.card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;padding:1.5rem;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.row{display:flex;flex-wrap:wrap;margin:0 -1rem}.col{flex:1;padding:0 1rem}@media (max-width: 767px){.col{flex:0 0 100%;margin-bottom:1rem}}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;font-size:1.125rem;color:#6b7280}.error{color:#e74c3c;font-size:.875rem;margin-top:.5rem}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px}@media (max-width: 767px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}