@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color:#0056b3;--secondary-color:#003d82;--accent-color:#00a8e8;--text-color:#333;--bg-light:#f8f9fa;--white:#fff;--shadow:0 10px 30px #0000001a;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-light);color:var(--text-color);line-height:1.6}header{background:var(--white);z-index:1000;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;box-shadow:0 2px 10px #0000000d}.logo img{width:auto;height:50px}nav{align-items:center;display:flex}nav ul{gap:1.5rem;list-style:none;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:10px;display:none}.menu-toggle span{background:var(--primary-color);border-radius:3px;width:25px;height:3px;display:block}nav ul li a{color:var(--text-color);transition:var(--transition);font-weight:500;text-decoration:none}nav ul li a:hover{color:var(--primary-color)}.hero{height:350px;color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#0056b333,#0056b333),url(/images/banner.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;display:flex;position:relative}.hero h1{text-shadow:2px 2px 10px #0000004d;font-size:3rem;font-weight:800}main{z-index:10;max-width:1000px;margin:-50px auto 50px;padding:0 20px;position:relative}.query-card{background:var(--white);box-shadow:var(--shadow);border-radius:20px;margin-bottom:2rem;padding:2.5rem}.query-card h2{color:var(--secondary-color);margin-bottom:1.5rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input{width:100%;transition:var(--transition);border:2px solid #e1e1e1;border-radius:10px;padding:12px 15px;font-size:1rem}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #0056b31a}.captcha-container{background:#f0f4f8;border-radius:10px;align-items:center;gap:15px;margin-bottom:1.5rem;padding:15px;display:flex}.captcha-box{background:var(--white);letter-spacing:5px;-webkit-user-select:none;user-select:none;border:1px solid #ddd;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:700}.btn-primary{background:var(--primary-color);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:10px;width:100%;padding:12px 30px;font-size:1.1rem;font-weight:600}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 5px 15px #0000b333}.results-container{animation:.5s slideUp;display:none}.result-card{background:var(--white);box-shadow:var(--shadow);border-left:5px solid #28a745;border-radius:20px;padding:2.5rem}.result-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.status-badge{border-radius:20px;padding:5px 15px;font-size:.9rem;font-weight:600}.status-active{color:#1e7e34;background:#e6f4ea}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.info-item label{color:#888;text-transform:uppercase;font-size:.8rem;display:block}.info-item span{color:var(--text-color);font-weight:600}.history-section{margin-top:3rem}.history-section h3{margin-bottom:1.5rem}.history-table-container{background:var(--white);box-shadow:var(--shadow);border-radius:15px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eee;padding:15px 20px}th{color:#666;background:#f8f9fa;font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.menu-toggle{display:flex}nav ul{background:var(--white);text-align:center;flex-direction:column;gap:1.5rem;padding:2rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #0000001a}nav ul.active{display:flex}.hero{height:250px}.hero h1{font-size:2.5rem}}@media (width<=576px){.hero{background-attachment:scroll;height:180px}.hero h1{font-size:1.8rem}main{margin-top:-30px}.query-card,.result-card{padding:1.5rem}.info-grid{grid-template-columns:1fr}}