*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0e14;--surface:#111520;--border:#1e2535;--accent:#00e5ff;--text:#c8d0e0;--dim:#4a5568;--mono:"Share Tech Mono", monospace;--sans:"Barlow", sans-serif}body,html{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans)}body:before{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);opacity:.4;background-size:48px 48px;inset:0}body:after,body:before{content:"";pointer-events:none;z-index:0;position:fixed}body:after{background:radial-gradient(#00e5ff12 0,#0000 70%);width:700px;height:700px;top:-200px;left:50%;transform:translate(-50%)}.page{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative}header{text-align:center;animation:.6s both fadeDown}h1{color:#e8edf5;letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,2rem);font-weight:300}h1 strong{color:#fff;font-weight:700}.ip-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;width:min(600px,100%);animation:.6s .1s both fadeUp;overflow:hidden;box-shadow:0 0 0 1px #00e5ff0f,0 24px 64px #00000080}.ip-display{text-align:center;padding:2.5rem 2rem}.ip-label{letter-spacing:.3em;color:var(--dim);text-transform:uppercase;margin-bottom:1rem;font-size:.65rem}.ip-label,.ip-value{font-family:var(--mono)}.ip-value{color:var(--accent);letter-spacing:.04em;word-break:break-all;font-size:clamp(2rem,7vw,3.5rem);animation:3s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 20px #00e5ff4d}to{text-shadow:0 0 40px #00e5ff99,0 0 80px #00e5ff33}}.copy-btn{border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.55rem 1.4rem;font-size:.75rem;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.copy-btn:hover{background:var(--accent);color:var(--bg);box-shadow:0 0 20px #00e5ff4d}.copy-btn.copied{color:#28c840;border-color:#28c840;box-shadow:0 0 20px #28c8404d}.info-rows{border-top:1px solid var(--border);padding:.25rem 0}.info-row{border-bottom:1px solid #1e2535b3;align-items:center;gap:1rem;padding:.75rem 1.5rem;animation:.5s both fadeUp;display:flex}.info-row:last-child{border-bottom:none}.info-key{letter-spacing:.15em;color:var(--dim);text-transform:uppercase;min-width:90px;font-size:.65rem}.info-key,.info-val{font-family:var(--mono)}.info-val{color:var(--text);word-break:break-all;font-size:.8rem}.endpoints{width:min(600px,100%);animation:.6s .4s both fadeUp}.endpoints-title{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase;margin-bottom:.75rem;font-size:.65rem}.endpoint-list{flex-direction:column;gap:.4rem;display:flex}.endpoint-item{font-family:var(--mono);align-items:center;gap:.75rem;font-size:.78rem;display:flex}.method{letter-spacing:.05em;border-radius:2px;flex-shrink:0;padding:.15rem .4rem;font-size:.6rem}.get{color:var(--accent);background:#00e5ff1a;border:1px solid #00e5ff40}.endpoint-path{color:#7a8ba8}.endpoint-desc{color:var(--dim);font-size:.68rem}footer{color:var(--dim);font-size:.72rem;font-family:var(--mono);animation:.6s .5s both fadeUp}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}