@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Roboto+Mono:wght@500&display=swap";.seo-info-section{background:#fff;color:#222;padding:2rem;margin:2rem auto;max-width:800px;border-radius:12px;box-shadow:0 4px 15px #0000001a;line-height:1.6}.seo-info-section h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.75rem;color:#281e38}.seo-info-section p{font-size:1rem;margin-bottom:1rem}:root{--bg-color: #ffffff;--card-bg: rgba(10, 10, 20, .65);--border-color: rgba(82, 39, 255, .3);--glow-color: rgba(82, 39, 255, .5);--primary-text: #EAE8FF;--secondary-text: #A9A2E8;--accent-text: #8678FF;--ip-font-family: "Roboto Mono", monospace;--body-font-family: "Inter", sans-serif}.ip-page-container{width:100%;min-height:100vh;background-color:var(--bg-color);font-family:var(--body-font-family);color:var(--primary-text);position:relative}.ip-content-area{position:relative;z-index:10;width:100%;display:flex;justify-content:center;padding:10vh 1rem}.ip-card{width:100%;max-width:700px;background:#0b0435;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 16px 50px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0 auto;display:flex;flex-direction:column;padding:clamp(1rem,3vh,2rem)}.card-title{font-weight:700;text-align:center;color:var(--primary-text);flex-shrink:0;font-size:clamp(1.25rem,2.5vh,1.75rem);margin:0 0 clamp(.75rem,2vh,1.5rem) 0}.ip-display-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;flex-shrink:0}.ip-address{font-family:var(--ip-font-family);font-weight:500;letter-spacing:-1px;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);font-size:clamp(1.5rem,9vw,4rem);word-break:break-all}.ip-type{text-align:center;color:var(--secondary-text);flex-shrink:0;font-size:clamp(.8rem,1.5vh,1rem);margin-bottom:clamp(.75rem,2vh,1.5rem)}.copy-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--primary-text);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease;flex-shrink:0;width:clamp(38px,6vh,44px);height:clamp(38px,6vh,44px)}.divider{border:none;height:1px;background-image:linear-gradient(to right,transparent,var(--border-color),transparent);flex-shrink:0;margin-bottom:clamp(.75rem,2vh,1.5rem)}.info-grid{display:grid;grid-template-columns:1fr;gap:clamp(.2rem,1vh,.75rem) 2rem;overflow-y:auto}@media (min-width: 640px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);font-size:clamp(.8rem,1.8vh,.95rem);padding:clamp(.2rem,.9vh,.5rem) 0}.info-label{color:var(--secondary-text);font-weight:500}.info-value{color:var(--primary-text);text-align:right}.card-controls{display:flex;gap:1rem;justify-content:center;align-items:center;flex-shrink:0;margin-top:clamp(1rem,3vh,2rem)}.btn{border-radius:8px;background:var(--accent-text);color:#fff;border:none;cursor:pointer;text-decoration:none;font-weight:500;transition:all .2s ease;padding:clamp(8px,1.5vh,10px) clamp(16px,2vw,24px);font-size:clamp(.85rem,1.8vh,1rem)}.btn:hover:not(:disabled){background:#6a5acd;transform:translateY(-2px);box-shadow:0 4px 15px #5227ff66}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--primary-text)}.btn-ghost:hover{background:var(--border-color);color:#fff;box-shadow:none}.status-message{color:var(--secondary-text);padding:3rem 0;text-align:center;font-size:1.1rem}.status-message.error{color:#ff9b9b}