:root{--bg-color: #05070a;--surface: #0c0f16;--surface-light: #161b26;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .4);--text: #f1f5f9;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--success: #10b981;--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text);overflow-x:hidden;line-height:1.5}.background-orchestra{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0a0d14,#05070a)}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s infinite alternate ease-in-out}.orb-1{width:500px;height:500px;background:var(--primary);top:-100px;right:-50px}.orb-2{width:400px;height:400px;background:var(--accent);bottom:-50px;left:-50px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:#2563eb;top:40%;left:20%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.2)}}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3Y%3Cfilter id='noiseFilter'%3Y%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.main-layout{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.logo-container{display:flex;align-items:center;gap:1rem}.logo-accent{width:12px;height:32px;background:linear-gradient(to bottom,var(--primary),var(--accent));border-radius:4px}.brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.brand-name span{color:var(--primary);font-weight:400}.header-status{display:flex;align-items:center;gap:.5rem;background:var(--glass);padding:.5rem 1rem;border-radius:100px;border:1px solid var(--glass-border);font-size:.85rem;font-weight:500;color:var(--text-muted)}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 10px var(--success);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s ease}.card:hover{border-color:#fff3;transform:translateY(-4px)}.full-width{grid-column:span 2}.hero-card{background:linear-gradient(135deg,#0c0f16,#1a1f2e);display:flex;align-items:center;justify-content:center;text-align:center}.card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:var(--primary);filter:blur(80px);opacity:.15;pointer-events:none}.ip-container .label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.2em;color:var(--primary);margin-bottom:1rem}.ip-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}#main-ip{font-family:var(--font-display);font-size:4rem;font-weight:800;letter-spacing:-.03em;margin:0}.shimmer-text{background:linear-gradient(90deg,#fff,#94a3b8,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}@keyframes shimmer{to{background-position:200% center}}.icon-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--surface-light);transform:scale(1.1)}.meta-row{display:flex;gap:.75rem;justify-content:center}.badge{background:#3b82f61a;color:var(--primary);padding:.4rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;border:1px solid rgba(59,130,246,.2)}.badge.secondary{background:#8b5cf61a;color:var(--accent);border-color:#8b5cf633}.speedtest-card{padding:0;display:flex;flex-direction:column}.speedtest-card .card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:.75rem}.header-title i{color:var(--primary)}.header-title h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.header-subtitle{font-size:.85rem;color:var(--text-muted)}.speedtest-wrapper{height:650px;background:#000}.speedtest-wrapper iframe{width:100%;height:100%;border:none}.info-group{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-card{padding:1.5rem}@media (max-width: 900px){.info-group{grid-template-columns:1fr}}.card-header-small{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.card-header-small i{color:var(--primary);width:20px;height:20px}.card-header-small h4{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.data-list{list-style:none}.data-list li{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.data-list li:last-child{border-bottom:none}.data-label{color:var(--text-muted)}.data-value{font-weight:500;color:var(--text)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.tag{background:var(--surface-light);color:var(--text-muted);padding:.4rem 1rem;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid var(--border)}.tag.enabled{color:var(--success);border-color:#10b9814d;background:#10b9810d}.data-value.highlight{color:var(--primary);font-weight:700}.data-value.locked{color:#ef4444;font-size:.8rem;opacity:.8}.lan-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.lan-notice{background:#3b82f60d;border:1px solid rgba(59,130,246,.1);padding:1.25rem;border-radius:var(--radius-md);display:flex;gap:1rem;align-items:flex-start}.lan-notice i{color:var(--primary);flex-shrink:0;margin-top:2px}.lan-notice p{font-size:.8rem;color:var(--text-muted);line-height:1.4}.speedtest-wrapper{width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #0000004d}.speedtest-wrapper iframe{display:block}.app-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;align-items:center}.app-footer p{color:var(--text-muted);font-size:.85rem}.app-footer a{color:var(--primary);text-decoration:none}.social-links{display:flex;gap:1.5rem}.social-links a{color:var(--text-muted);transition:color .2s}.social-links a:hover{color:var(--primary)}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}#main-ip{font-size:2.5rem}}@media (max-width: 600px){.app-header{flex-direction:column;gap:1rem;align-items:flex-start}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.speedtest-wrapper{height:500px}}