@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #00d2ff;--cyan2: #00ffe7;--dark: #050b14;--dark2: #0a1628;--glass: rgba(255,255,255,.03);--border: rgba(0,210,255,.18);--text: #e0f4ff;--sub: rgba(224,244,255,.45)}html,body,#root{height:100%;width:100%;background:var(--dark);color:var(--text);font-family:Space Mono,monospace;overflow:hidden}.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.scene{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:40px 24px}.scene:before{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,210,255,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.header{text-align:center;opacity:0;transform:translateY(-24px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.header--visible{opacity:1;transform:translateY(0)}.header__eyebrow{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;opacity:.7}.header__title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(64px,12vw,120px);line-height:.92;letter-spacing:-.02em}.header__title-word{display:inline-block}.header__title-word--accent{-webkit-text-stroke:2px var(--cyan);color:transparent;filter:drop-shadow(0 0 24px rgba(0,210,255,.6));animation:flicker 6s infinite}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.85}97%{opacity:1}98%{opacity:.9}}.header__sub{margin-top:16px;font-size:12px;letter-spacing:.15em;color:var(--sub);font-family:Space Mono,monospace}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:680px}.ip-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;padding:28px 28px 24px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);cursor:pointer;opacity:0;transform:translateY(32px) scale(.97);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}.ip-card--visible{opacity:1;transform:translateY(0) scale(1)}.ip-card:hover{border-color:#00d2ff8c;box-shadow:0 0 0 1px #00d2ff1f,0 0 40px #00d2ff1f,inset 0 1px #ffffff0f;transform:translateY(-3px) scale(1.01)}.ip-card__glow{position:absolute;top:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(0,210,255,.12) 0%,transparent 70%);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none}.ip-card:nth-child(2) .ip-card__glow{background:radial-gradient(circle,rgba(0,255,231,.1) 0%,transparent 70%);animation-delay:-2s}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.ip-card__label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;opacity:.8}.ip-card__value{font-weight:700;font-family:Space Mono,monospace;letter-spacing:-.01em;min-height:32px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.ip-card__text{font-size:clamp(15px,2.8vw,20px);background:linear-gradient(90deg,var(--text),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-all;overflow-wrap:anywhere;line-height:1.3}.ip-card__copy{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sub);transition:color .2s;flex-shrink:0}.ip-card__copy--done{color:var(--cyan2)}.ip-card__loading{display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);opacity:.4;animation:blink 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.9;transform:scale(1)}}.ip-card__version{position:absolute;bottom:-16px;right:16px;font-family:Syne,sans-serif;font-weight:800;font-size:96px;color:#00d2ff0a;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.ip-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);border-radius:inherit;pointer-events:none;opacity:.5}.error-box{background:#dc262614;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:16px 20px;font-size:12px;color:#ff6b6b;white-space:pre-wrap;max-width:680px;width:100%}.footer{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);opacity:.4}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}