:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#f7f9fc}#root{width:100%}:root{--bg-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--primary-glow: 0 0 20px rgba(0, 200, 255, .5);--accent-color: #00d2ff;--text-main: #ffffff;--text-muted: #a0a0c0;--card-hover-transform: translateY(-5px) scale(1.02)}body{margin:0;font-family:Outfit,Inter,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 5px #00d2ff33}50%{box-shadow:0 0 20px #00d2ff99}to{box-shadow:0 0 5px #00d2ff33}}.app-container{width:100%;max-width:1000px;margin:2rem auto;padding:3rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);animation:fadeIn .8s ease-out}.header{text-align:center;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:2rem}.brand-title{font-size:1.2rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent-color);margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,210,255,.3);font-weight:600}h1{font-size:3rem;font-weight:700;background:linear-gradient(to right,#fff,#a0a0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-1px}.subtitle{color:var(--text-muted);font-size:1.1rem;font-weight:300}.input-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;align-items:end}.form-group{display:flex;flex-direction:column;gap:.8rem}label{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:500;margin-left:4px}.form-select{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.2rem;border-radius:12px;font-size:1rem;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px #00d2ff26;background-color:#0006}.form-select:hover{background-color:#ffffff0d}.form-select option{background-color:#1a1a2e;color:#fff}.btn-container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:1rem;grid-column:1 / -1}.submit-btn{width:100%;max-width:400px;padding:1rem 2rem;background:linear-gradient(45deg,#00d2ff,#3a7bd5);border:none;border-radius:12px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00d2ff4d;position:relative;overflow:hidden;height:54px}.submit-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d2ff80}.submit-btn:hover:after{opacity:1}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{background:#333;color:#666;box-shadow:none;cursor:not-allowed}.results-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.quote-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.quote-card:hover{transform:translateY(-8px);background:#ffffff12;box-shadow:0 15px 30px #0000004d;border-color:#fff3}.quote-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.quote-card:hover:before{left:100%}.carrier-name{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.price-container{display:flex;justify-content:center;align-items:flex-start;color:#fff;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,255,255,.2)}.currency{font-size:1.5rem;margin-top:5px;font-weight:300;color:var(--accent-color)}.price{font-size:3.5rem;font-weight:800;line-height:1}.breakdown-text{font-size:.9rem;background:#00d2ff1a;color:#00d2ff;border:1px solid rgba(0,210,255,.2);padding:.5rem 1rem;border-radius:50px;display:inline-block;margin-top:1rem;font-weight:500}.service-msg{color:#ff4d4d;background:#ff4d4d1a;padding:1rem;border-radius:12px;border:1px solid rgba(255,77,77,.2);font-weight:500}@media(max-width:768px){body{align-items:flex-start}.app-container{margin:0;padding:1.5rem;border-radius:0;min-height:100vh;border:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100%;max-width:100%}.header{margin-bottom:2rem;padding-bottom:1.5rem;padding-top:1rem}h1{font-size:2.2rem;line-height:1.2}.brand-title{font-size:1rem;letter-spacing:2px}.input-section{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.form-group{width:100%}label{margin-bottom:.5rem}.form-select{width:100%;font-size:1rem;height:56px;background-color:#0000004d}.btn-container{width:100%}.submit-btn{width:100%;height:56px;font-size:1.1rem}.results-container{grid-template-columns:1fr;gap:1.5rem}.quote-card{padding:1.5rem;box-shadow:0 4px 20px #0003}.price{font-size:3rem}}@media(max-width:480px){.app-container{padding:1.25rem}h1{font-size:1.8rem}.brand-title{font-size:.9rem}}