*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#1a2a6c);color:#fff;min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:20px;background:#0000004d;border-radius:15px;box-shadow:0 10px 30px #0000004d}h1{font-size:3rem;margin-bottom:10px;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.2rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6}.card-container{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.card{background:#19192dcc;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0006;flex:1;min-width:350px;max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.card-title{display:flex;align-items:center;gap:10px;font-size:1.8rem;margin-bottom:25px;color:#4facfe;border-bottom:2px solid #4facfe;padding-bottom:10px}.card-title i{font-size:1.5rem}.upload-area{border:3px dashed #4facfe;border-radius:10px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0003;margin-bottom:25px}.upload-area:hover,.upload-area.dragover{background:#4facfe26;border-color:#00f2fe}.upload-area i{font-size:4rem;color:#4facfe;margin-bottom:15px}.upload-area h3{font-size:1.5rem;margin-bottom:10px}.upload-area p{opacity:.8;font-size:.9rem}#fileInput{display:none}.file-info{background:#0000004d;border-radius:8px;padding:15px;margin-top:15px;display:none}.btn{display:block;width:100%;padding:15px;background:linear-gradient(to right,#4facfe,#00f2fe);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.btn:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none}.result-area{margin-top:25px}.result-header{font-size:1.3rem;margin-bottom:15px;color:#00f2fe;display:flex;align-items:center;gap:10px}.result-content{background:#0000004d;border-radius:8px;padding:20px;max-height:400px;overflow-y:auto}.result-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.result-item:last-child{border:none;margin-bottom:0;padding-bottom:0}.result-label{font-weight:600;color:#4facfe;margin-bottom:5px}.result-value{font-size:1.1rem}.success{color:#4ade80}.error{color:#f87171}.space-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.space-box{background:#0003;border-radius:8px;padding:15px;text-align:center}.space-title{font-weight:600;margin-bottom:8px;color:#00f2fe}.coordinates{display:flex;justify-content:space-around}.coordinate{display:flex;flex-direction:column;align-items:center}.coordinate-value{font-size:1.3rem;font-weight:700;color:#4facfe}.coordinate-label{font-size:.9rem;opacity:.8}footer{text-align:center;margin-top:40px;padding:20px;opacity:.7;font-size:.9rem}.loader{display:none;text-align:center;padding:20px}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #4facfe;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.card-container{flex-direction:column}.card{min-width:100%}h1{font-size:2.2rem}}