*{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-sizing:border-box}body{background:#f8fafc;color:#1f2937;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;overflow-x:hidden}.container{max-width:1200px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:1rem!important;padding-right:1rem!important;box-sizing:border-box!important}@media (min-width:640px){.container{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media (min-width:1024px){.container{padding-left:2rem!important;padding-right:2rem!important}}html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}main{width:100%!important;max-width:100%!important}.brand-gradient{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);background:-webkit-linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)}.brand-gradient-text{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);background:-webkit-linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#2563eb}.card{background:white;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:block;width:100%}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);transform:translateY(-2px);-webkit-transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);background:-webkit-linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);color:white;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;border:none;cursor:pointer;display:inline-block;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);-webkit-transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(37,99,235,0.4);-webkit-box-shadow:0 10px 15px -3px rgba(37,99,235,0.4)}.btn-secondary{background:white;color:#2563eb;border:2px solid #2563eb;padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;text-decoration:none;cursor:pointer}.btn-secondary:hover{background:#2563eb;color:white}.nav-link{color:#4b5563;font-weight:500;padding:0.5rem 1rem;border-radius:6px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;display:inline-block;text-decoration:none}.nav-link:hover{background:#f3f4f6;color:#2563eb}.nav-link.active{background:#eff6ff;color:#2563eb}h1,h2,h3,h4,h5,h6{font-weight:700;color:#111827;margin:0}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:-ms-grid;display:grid}@media (max-width:768px){body{font-size:14px}.card{margin-bottom:1rem}}.loading{opacity:0.6;pointer-events:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0)}}.fade-in{animation:fadeIn 0.3s ease-in;-webkit-animation:fadeIn 0.3s ease-in}@supports (-ms-ime-align:auto){.card{display:block}.flex{display:-ms-flexbox}}@supports (display:grid){.grid{display:grid}}