*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.container{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.container:before{content:"";background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,#0000 50%);animation:8s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content{z-index:2;max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.glow-effect{display:none}.title{color:#fff;text-align:center;text-shadow:none;letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.5rem;font-weight:700;animation:.8s ease-out fadeInDown}.highlight{color:#2563eb;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.subtitle{color:#888;text-align:center;letter-spacing:.05em;margin-bottom:3rem;font-size:1rem;font-weight:400;animation:.8s ease-out .2s both fadeInUp}.ip-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;max-width:600px;margin:0 auto 3rem;padding:2rem;transition:transform .3s,box-shadow .3s;animation:.8s ease-out .4s both fadeInUp;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}.ip-card:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 8px 32px #00000080}.ip-card:before{display:none}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ip-label{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.ip-value{color:#fff;word-break:break-all;text-shadow:none;z-index:1;margin-bottom:1.5rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:2rem;font-weight:600;position:relative}.ip-icon{opacity:.05;font-size:2rem;position:absolute;top:1rem;right:1.5rem}.location-info{border-top:1px solid #2a2a2a;flex-direction:column;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.location-item{background:#0f0f0f;border:1px solid #252525;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}.location-item:hover{background:#141414;border-color:#2a2a2a}.location-icon{font-size:1.25rem}.location-text{color:#fff;font-size:1rem;font-weight:400}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wave-container{display:none}.wave{opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25'/%3E%3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5'/%3E%3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z'/%3E%3C/svg%3E") 0 0/50% 100% repeat-x;width:200%;height:100%;animation:25s cubic-bezier(.36,.45,.63,.53) infinite wave;position:absolute;bottom:0;left:0}.wave:nth-child(2){opacity:.4;animation:20s cubic-bezier(.36,.45,.63,.53) -.125s infinite wave,7s -1.25s infinite swell}.wave:nth-child(3){opacity:.5;animation:15s cubic-bezier(.36,.45,.63,.53) -.25s infinite wave,5s -2.5s infinite swell}@keyframes wave{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(-50%)}}@keyframes swell{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:768px){.content{padding:1rem}.wave-container{height:100px}.ip-card{min-width:auto;margin-left:1rem;margin-right:1rem;padding:1.5rem 2rem}.ip-icon{font-size:1.5rem;top:.75rem;right:1rem}}.ip-lookup-container{width:100%;max-width:1000px;margin:0 auto;padding:2rem 1rem}.lookup-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:2.5rem;transition:all .3s;box-shadow:0 4px 24px #0006}.lookup-card:hover{border-color:#333;box-shadow:0 8px 32px #00000080}.card-header{margin-bottom:2rem}.card-title{color:#fff;letter-spacing:-.3px;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.card-description{color:#888;font-size:.875rem;font-weight:400;line-height:1.5}.lookup-form{margin-bottom:2rem}.input-group{gap:.75rem;display:flex;position:relative}.ip-input{color:#fff;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;outline:none;flex:1;padding:.875rem 1rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;transition:all .2s}.ip-input:focus{background:#141414;border-color:#3a3a3a;box-shadow:0 0 0 3px #ffffff0d}.ip-input::placeholder{color:#555}.ip-input:disabled{opacity:.5;cursor:not-allowed}.lookup-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.lookup-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.lookup-button:active:not(:disabled){transform:translateY(0)}.lookup-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{color:#666;cursor:pointer;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;justify-content:center;align-items:center;width:42px;padding:.875rem;font-size:1rem;transition:all .2s;display:flex}.clear-button:hover:not(:disabled){color:#999;background:#141414;border-color:#3a3a3a}.clear-button:disabled{opacity:.3;cursor:not-allowed}.search-icon{font-size:1.1rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#ef4444;background:#1a0f0f;border:1px solid #3a1a1a;border-radius:8px;align-items:center;gap:.625rem;margin-top:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.error-icon{font-size:1.1rem}.lookup-result{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;margin-top:2rem;padding:2rem;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{border-bottom:none;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding-bottom:0;display:flex}.result-header h3{color:#888;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.result-icon{opacity:.8;font-size:1.25rem}.network-header{margin-top:2.5rem}.result-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.5rem;display:grid}.result-item{background:#1a1a1a;border:1px solid #252525;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.result-item:hover{background:#1f1f1f;border-color:#2a2a2a}.result-item.full-width{grid-column:1/-1}.result-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.result-value{color:#fff;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:500;line-height:1.4;display:flex}.flag-icon{font-size:1.3rem}.country-code{color:#666;margin-left:.25rem;font-size:.875rem;font-weight:400}.coordinates{gap:1.5rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.95rem;display:flex}.accuracy{color:#666;font-size:.875rem}.private-ip,.no-data{text-align:center;padding:3rem 2rem}.private-message,.no-data-message{color:#888;margin-top:.75rem;font-size:.95rem;font-weight:400;line-height:1.6}.lookup-footer{text-align:center;border-top:1px solid #2a2a2a;margin-top:2.5rem;padding-top:1.5rem}.footer-text{color:#555;font-size:.75rem;font-weight:400}@media (max-width:768px){.ip-lookup-container{padding:1rem}.lookup-card{padding:1.5rem}.card-title{font-size:1.25rem}.card-header{margin-bottom:1.5rem}.input-group{flex-direction:column}.lookup-button{justify-content:center;width:100%}.clear-button{width:40px;padding:.75rem;position:absolute;top:.5rem;right:.5rem}.result-grid{grid-template-columns:1fr;gap:1rem}.result-item{padding:1rem}.coordinates{flex-direction:column;align-items:flex-start;gap:.5rem}}.lookup-button:focus-visible,.clear-button:focus-visible,.ip-input:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media print{.lookup-form,.lookup-footer{display:none}.lookup-card{color:#000;background:#fff;border:1px solid #ccc}.result-value,.result-header h3{color:#000}}