:root{--primary-color:#0000E4;--primary-hover:#0000B0;--text-color:#333333;--text-light:#666666;--background:#ffffff;--background-light:#f0f4ff;--border-color:#e5e7eb;--shadow-sm:0 2px 5px rgba(0, 0, 0, 0.04);--shadow:0 10px 30px rgba(0, 0, 228, 0.1);--shadow-lg:0 15px 40px rgba(0, 0, 228, 0.15);--rounded:0.375rem;--rounded-lg:0.75rem;--rounded-xl:1rem;--transition:all 0.3s ease}body{font-family:inter,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;color:var(--text-color);line-height:1.6;background:var(--background-light);min-height:100vh;display:flex;flex-direction:column}.gradient-bg{background:linear-gradient(135deg,#ffffff 0%,#f0f4ff 100%)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--text-color)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1.5rem}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}header{background-color:var(--background);box-shadow:var(--shadow-sm);padding:1rem 0}nav a{color:var(--text-color);font-weight:500;transition:var(--transition)}nav a:hover{color:var(--primary-color)}nav a.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.shadow-custom{box-shadow:var(--shadow);transition:var(--transition)}.shadow-custom:hover{box-shadow:var(--shadow-lg)}.card{background-color:var(--background);border-radius:var(--rounded-xl);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--rounded);font-weight:500;transition:var(--transition);cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}input,select,textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--rounded);background-color:var(--background);transition:var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,0,228,.1)}input[type=range]{-webkit-appearance:none;height:8px;border-radius:4px;background:#e0e0e0;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer}.prose{color:var(--text-color);max-width:65ch;line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-color);font-weight:700;margin-top:2em;margin-bottom:1em}.prose p,.prose ul,.prose ol{margin-bottom:1.5em}.prose a{color:var(--primary-color);text-decoration:underline}.prose img{border-radius:var(--rounded);margin:2em 0}.prose code{background-color:var(--background-light);padding:.2em .4em;border-radius:var(--rounded);font-size:.875em}.prose pre{background-color:#1e1e3f;color:#fff;padding:1em;border-radius:var(--rounded);overflow-x:auto;margin:1.5em 0}.prose pre code{background-color:transparent;padding:0;color:inherit}.prose blockquote{border-left:4px solid var(--primary-color);padding-left:1em;font-style:italic;margin:1.5em 0;color:var(--text-light)}.text-primary{color:var(--primary-color)}.bg-primary{background-color:var(--primary-color)}.rounded-full{border-radius:9999px}footer{background-color:var(--primary-color);color:#fff;padding:3rem 0;margin-top:auto}footer a{color:rgba(255,255,255,.8);transition:var(--transition)}footer a:hover{color:#fff}.result-card{transition:all .3s ease}.result-card:hover{transform:translateY(-5px)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.carousel-item{transition:transform .6s ease-in-out}.carousel-control{transition:all .3s ease}.carousel-control:hover{transform:scale(1.1)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 1rem}}@media(min-width:768px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 3rem}}