.locations-hero{position:relative;padding:8rem 0 4rem;overflow:hidden;min-height:45vh;display:flex;align-items:center}.locations-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.locations-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.locations-hero-orb-1{width:400px;height:400px;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.locations-hero-orb-2{width:300px;height:300px;background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)));bottom:-50px;left:-50px;animation:float 10s ease-in-out infinite reverse}.locations-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,hsl(var(--foreground) / .03) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--foreground) / .03) 1px,transparent 1px);background-size:40px 40px}.locations-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.locations-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;color:hsl(var(--primary));margin-bottom:1.5rem}.locations-hero-badge .badge-dot{width:8px;height:8px;background:hsl(var(--primary));border-radius:50%;animation:pulse 2s ease-in-out infinite}.locations-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:hsl(var(--foreground))}.locations-hero-subtitle{font-size:1.125rem;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto 2rem;line-height:1.6}.locations-api-key-wrapper{max-width:500px;margin:0 auto}.locations-api-key-card{display:flex;align-items:center;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:.5rem;gap:.5rem;transition:all .3s ease}.locations-api-key-card:focus-within{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.locations-api-key-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsl(var(--primary) / .1);border-radius:8px;color:hsl(var(--primary));flex-shrink:0}.locations-api-key-input{flex:1;border:none;background:transparent;padding:.75rem;font-size:.95rem;color:hsl(var(--foreground));outline:none}.locations-api-key-input::placeholder{color:hsl(var(--muted-foreground))}.locations-api-key-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:8px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.locations-api-key-toggle:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.locations-api-key-hint{margin-top:.75rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.locations-api-key-hint a{color:hsl(var(--primary));text-decoration:none;font-weight:500;transition:opacity .2s ease}.locations-api-key-hint a:hover{opacity:.8}.locations-main{padding:3rem 0 6rem;background:hsl(var(--background))}.locations-tabs-wrapper{margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.locations-tabs-modern{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.locations-tabs-modern{flex-wrap:wrap;gap:.75rem}}.locations-tab-modern{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;cursor:pointer;transition:all .3s ease;flex:1;min-width:180px;max-width:220px}.locations-tab-modern:hover{border-color:hsl(var(--primary) / .3);background:hsl(var(--card));transform:translateY(-2px)}.locations-tab-modern.active{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border-color:transparent;box-shadow:0 10px 30px -10px hsl(var(--primary) / .4)}.locations-tab-modern.active .locations-tab-icon,.locations-tab-modern.active .locations-tab-title,.locations-tab-modern.active .locations-tab-desc{color:#fff}.locations-tab-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsl(var(--primary) / .1);border-radius:10px;color:hsl(var(--primary));transition:all .3s ease}.locations-tab-modern.active .locations-tab-icon{background:#fff3}.locations-tab-content{display:flex;flex-direction:column;gap:.125rem}.locations-tab-title{font-weight:600;font-size:.95rem;color:hsl(var(--foreground));transition:color .3s ease}.locations-tab-desc{font-size:.75rem;color:hsl(var(--muted-foreground));transition:color .3s ease}.locations-tab-panel{display:none}.locations-tab-panel.active{display:block;animation:fadeIn .3s ease}.locations-panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 1024px){.locations-panel-layout{grid-template-columns:1fr}}.locations-panel-info{display:flex;flex-direction:column;gap:1rem}.locations-panel-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.locations-panel-title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));line-height:1.2}.locations-panel-desc{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.6}.locations-endpoint-modern{display:flex;align-items:center;gap:.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));padding:.75rem 1rem;border-radius:10px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.locations-method-badge{padding:.25rem .5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;border-radius:4px;font-size:.7rem;font-weight:700}.locations-endpoint-url{flex:1;font-size:.85rem;color:hsl(var(--foreground));word-break:break-all}.locations-endpoint-copy{padding:.375rem;background:transparent;border:none;border-radius:6px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.locations-endpoint-copy:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.locations-form-modern{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.locations-form-group{display:flex;flex-direction:column;gap:.5rem}.locations-form-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.locations-select-wrapper{position:relative}.locations-form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;color:hsl(var(--foreground));font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;transition:all .2s ease}.locations-form-select:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.locations-form-input{width:100%;padding:.75rem 1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;color:hsl(var(--foreground));font-size:.95rem;transition:all .2s ease}.locations-form-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.locations-form-input::placeholder{color:hsl(var(--muted-foreground))}.locations-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.locations-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px hsl(var(--primary) / .5)}.locations-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.locations-action-btn.loading{pointer-events:none}.locations-action-btn .spin{animation:spin 1s linear infinite}.locations-panel-result{min-height:300px}.locations-result-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;overflow:hidden}.locations-result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:hsl(var(--muted) / .5);border-bottom:1px solid hsl(var(--border))}.locations-result-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--foreground))}.locations-result-status .status-dot{width:8px;height:8px;border-radius:50%}.locations-result-status .status-dot.success{background:#16a249}.locations-copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:6px;font-size:.75rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.locations-copy-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.locations-result-body{padding:1rem;max-height:400px;overflow-y:auto}.locations-result-body pre{margin:0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.locations-result-body code{color:hsl(var(--foreground))}.locations-result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:hsl(var(--card));border:2px dashed hsl(var(--border));border-radius:12px;padding:2rem;text-align:center}.locations-result-placeholder .placeholder-icon{color:hsl(var(--muted-foreground) / .5);margin-bottom:1rem}.locations-result-placeholder p{color:hsl(var(--muted-foreground));font-size:.95rem}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.location-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;padding:1rem;text-align:center;transition:all .3s ease}.location-card:hover{border-color:hsl(var(--primary) / .3);transform:translateY(-2px);box-shadow:0 8px 25px -10px hsl(var(--primary) / .2)}.location-card-flag{font-size:2rem;margin-bottom:.5rem}.location-card-name{font-weight:600;font-size:.95rem;color:hsl(var(--foreground));margin-bottom:.25rem}.location-card-code{font-size:.75rem;color:hsl(var(--muted-foreground));font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.locations-info{padding:6rem 0;background:linear-gradient(180deg,hsl(var(--muted) / .3),hsl(var(--background)))}.locations-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width: 1024px){.locations-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.locations-info-grid{grid-template-columns:1fr}}.locations-info-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.locations-info-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px hsl(var(--foreground) / .1)}.locations-info-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--accent) / .1));border-radius:14px;color:hsl(var(--primary));margin-bottom:1rem}.locations-info-value{font-size:2rem;font-weight:800;color:hsl(var(--foreground));margin-bottom:.25rem}.locations-info-label{font-size:.875rem;color:hsl(var(--muted-foreground))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.locations-hero{padding:6rem 0 3rem;min-height:auto}.locations-hero-title{font-size:2rem}.locations-tab-modern{padding:.75rem 1rem}.locations-tab-desc{display:none}.locations-panel-title{font-size:1.5rem}}