styles.min.css

body,header nav ul{margin:0;padding:0}.hero,.hero h2,footer{color:#fff}.footer-links a:hover,.social-icon:hover{color:var(--accent-color)}.scroll-to-top,header{position:fixed;z-index:1000}header nav ul li a.active,header nav ul li a:hover{background-color:#e67e22!important;color:#fff!important}.ip-value,pre{word-break:break-all}.api-table td code,.ip-value{font-family:'Courier New',monospace}.contribute-cta .btn,.footer-links a,.social-icon,header h1 a{text-decoration:none}.banner,.contribute-cta,.hero,.hero p.lead,.ip-info,.stat-item,footer{text-align:center}.btn-hero-primary,.stat-label{letter-spacing:1px;text-transform:uppercase}.btn-hero-primary,.github-text,.stat-label{text-transform:uppercase}:root{--primary-color:#2c3e50;--accent-color:#e67e22;--bg-color:#f4f7f6;--text-color:#333;--light-gray:#dfe3e8}body{background-color:var(--bg-color);color:var(--text-color);font-family:Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 2em}.banner,.card,.code-samples{margin-bottom:2em}header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1em 0;top:0;width:100%}header .container{align-items:center;display:flex;justify-content:space-between}header h1{font-size:1.8rem;font-weight:700;margin:0}header h1 a{color:#2c3e50}header nav ul{display:flex;gap:1em;list-style:none}@media(min-width:992px){h2{white-space:nowrap}}.hero h2{display:inline-block;position:relative;font-size:2.2em;margin-bottom:.3em;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hero h2:after{background-color:#e67e22;content:"";height:4px;margin-top:20px;width:100%}.hero p.lead{margin:0 auto}.hero{background-color:#34495e;border-bottom:3px solid #e67e22;padding:5em 0 2em}.hero p{color:#ecf0f1;font-size:1.1em;margin:0 auto;max-width:600px}.content-section:first-of-type{margin-top:2em}main{padding-top:5em}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:2em;transition:transform .3s}.card:hover{transform:translateY(-5px)}h2{border-bottom:2px solid var(--accent-color);color:var(--primary-color);font-size:2em;margin-bottom:1em;padding-bottom:.5em}.code-samples{display:flex;gap:2em}.code-sample{background-color:#f9f9f9;border-radius:8px;flex:1;padding:1.5em;overflow-x:auto}.banner,code{border-radius:5px;font-weight:700}code{background-color:#f4f7f6;color:var(--accent-color)!important;display:block;font-family:Courier New,Courier,monospace;padding:1em}.large-font{font-size:2.5em!important}.hero-cta .social-icon.large-font{width:60px;height:60px;font-size:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}pre{white-space:pre-wrap}.why-list{list-style-type:none;padding:0}.banner{background-color:#ffeeba;color:#856404;font-size:16px;padding:10px 0}footer{background:linear-gradient(135deg,var(--primary-color) 0,#1a252f 100%);padding:3rem 0 1.5rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-bottom,.social-links{display:flex;gap:1rem}.footer-section h3,.footer-section h4{color:gold;margin-bottom:1rem;font-size:1.2rem;border-bottom:none;padding-bottom:0}.footer-logo p{color:rgba(255,255,255,.8);font-style:italic;margin:0}.api-specs,.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:rgba(255,255,255,.8);transition:color .3s}.footer-bottom{justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.footer-tagline{color:rgba(255,255,255,.7);font-style:italic}.social-icon{color:rgba(255,255,255,.8);font-size:1.5rem;transition:.3s;padding:.5rem;border-radius:50%;background:rgba(255,255,255,.1);width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.social-icon:hover{background:rgba(230,126,34,.2);transform:translateY(-2px)}.ip-item,.scroll-to-top{display:flex;align-items:center;transition:.3s}html{scroll-behavior:smooth}.scroll-to-top{bottom:20px;right:20px;width:60px;height:60px;background:#e67e22;color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px rgba(230,126,34,.3);opacity:0;visibility:hidden;justify-content:center;font-size:20px}.card,.roadmap-item,.roadmap-timeline,.why-list li{position:relative}.scroll-to-top:hover{background:#d37420;transform:translateY(-3px);box-shadow:0 6px 20px rgba(230,126,34,.4)}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top.show:hover{animation:.6s bounce}header nav ul li a{border-radius:8px!important;color:#2c3e50!important;font-size:1.1rem!important;font-weight:500!important;padding:.7em 1.2em!important;text-decoration:none!important;transition:.3s!important;transform:translateY(0)!important;box-shadow:0 2px 4px transparent!important}header nav ul li a:hover{transform:translateY(-2px)!important;box-shadow:0 4px 8px rgba(230,126,34,.3)!important}header nav ul li a.active{box-shadow:0 3px 6px rgba(230,126,34,.2)!important}header nav ul li a.active:hover{background-color:#d37420!important;transform:translateY(-2px)!important;box-shadow:0 5px 10px rgba(230,126,34,.4)!important}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(-3px)}40%{transform:translateY(-8px)}60%{transform:translateY(-5px)}}.ip-display-container{margin:20px 0}.ip-display-box{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:15px;padding:25px;color:#fff;box-shadow:0 10px 30px rgba(102,126,234,.3);border:1px solid rgba(255,255,255,.1)}.ip-display-box h3{text-align:center;margin-bottom:20px;font-size:1.5rem;font-weight:600}.ip-display-box h3 i{margin-right:10px;color:gold}.ip-addresses{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ip-item{background:rgba(255,255,255,.1);border-radius:10px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ip-copy,.ip-icon{background:rgba(255,255,255,.2);display:flex;align-items:center}.ip-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.ip-icon{width:50px;height:50px;border-radius:50%;justify-content:center;margin-right:15px;font-size:20px}.ipv4 .ip-icon{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.ipv6 .ip-icon{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.ip-content{flex:1;display:flex;flex-direction:column}.ip-label{font-size:1.8rem;opacity:.8;margin-bottom:10px;font-weight:600}.ip-value{font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.ip-copy{width:40px;height:40px;border-radius:8px;justify-content:center;cursor:pointer;transition:.3s;opacity:.7}.ip-copy:hover{background:rgba(255,255,255,.3);opacity:1;transform:scale(1.1)}.ip-info{opacity:.8;font-size:.9rem;border-top:1px solid rgba(255,255,255,.2);padding-top:15px}.ip-info i{margin-right:8px;color:gold}.ip-error{color:#e74c3c;font-weight:600}.ip-unavailable{color:#f39c12;font-style:italic}.why-list li{font-size:1.05em;padding:15px 0 15px 35px;border-bottom:1px solid rgba(0,0,0,.05)}.api-specs li:last-child,.why-list li:last-child{border-bottom:none}.why-list li i{color:var(--accent-color);left:0;position:absolute;top:15px;font-size:1.2em;width:25px}.why-list li strong{color:var(--primary-color);display:block;margin-bottom:2px}.api-endpoints,.libraries-status{margin-bottom:2rem}.api-endpoints h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem;border-bottom:1px solid var(--light-gray);padding-bottom:.5rem}.api-table th{background-color:var(--primary-color)!important;color:#fff!important;font-weight:600}.api-table td code{background-color:#f8f9fa;color:#e67e22;padding:4px 8px;border-radius:4px;font-size:.9rem}.api-details{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.api-details h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem}.api-specs li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.api-specs li strong{color:var(--primary-color);display:inline-block;min-width:120px}.code-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.code-example-item{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;padding:1.5rem;color:#fff;box-shadow:0 8px 25px rgba(102,126,234,.2);transition:transform .3s,box-shadow .3s}.code-example-item:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(102,126,234,.3)}.code-example-item h3{margin-bottom:.5rem;font-size:1.3rem;color:gold;border-bottom:none;padding-bottom:0}.code-example-item h3 i,.library-table .fab{margin-right:8px;font-size:1.1rem}.code-description{color:rgba(255,255,255,.8);font-size:.9rem;margin-bottom:1rem;font-style:italic}.code-example-item pre{background:rgba(0,0,0,.3);border-radius:8px;overflow-x:auto;margin:0}.code-example-item code{background:0 0!important;color:#f8f8f2!important;font-size:.85rem;line-height:1.4}.community-libs h3,.libraries-grid h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.library-table th{background-color:var(--primary-color)!important;color:#fff!important}.library-table td{vertical-align:middle}.badge{font-size:.8rem;padding:.4rem .8rem}.community-libs{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--light-gray)}.contribute-cta{margin-top:1rem}.contribute-cta .btn{padding:.8rem 1.5rem;font-weight:600;border-radius:8px;transition:.3s}.contribute-cta .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.roadmap-timeline{margin:2rem 0}.roadmap-timeline::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-color) 0,var(--light-gray) 100%)}.roadmap-item{margin-bottom:2rem;padding-left:80px}.roadmap-item::before{content:'';position:absolute;left:24px;top:8px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent-color);z-index:1}.roadmap-status{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.roadmap-status.current{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.roadmap-status.planned{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.roadmap-status.future{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.roadmap-content h4{color:var(--primary-color);font-size:1.4rem;margin-bottom:.8rem}.roadmap-content p{color:#666;margin-bottom:1rem}.roadmap-details{background:#f8f9fa;border-radius:8px;padding:1rem;margin-top:1rem}.roadmap-details ul{margin:0;padding-left:1.2rem}.roadmap-details li{margin-bottom:.5rem;color:#555}.roadmap-details code{background:#e9ecef;color:var(--accent-color);padding:2px 6px;border-radius:4px;font-size:.9rem}.roadmap-feedback{margin-top:2rem}.hero-stats{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.header-left,.hero-cta{gap:1.5rem}.stat-item{color:#fff}.stat-number{font-size:2.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1}.btn-hero-primary,.github-badge{transition:.3s;font-weight:600;text-decoration:none}.stat-label{font-size:1rem;color:rgba(255,255,255,.9);margin-top:.5rem}.hero-cta{display:flex;align-items:center;justify-content:center;margin-top:2rem;flex-wrap:wrap}.github-badge,.header-left{align-items:center;display:flex}.btn-hero-primary{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;padding:.8rem 2rem;border-radius:50px;font-size:1.1rem;box-shadow:0 4px 15px rgba(230,126,34,.3);border:none}.btn-hero-primary:hover{background:linear-gradient(135deg,#d35400,#c0392b);transform:translateY(-3px);box-shadow:0 6px 20px rgba(230,126,34,.4);color:#fff}.github-badge{gap:.75rem;background:linear-gradient(135deg,#24292e 0,#0d1117 100%);color:#fff;padding:.75rem 1.25rem;border-radius:50px;box-shadow:0 4px 12px rgba(36,41,46,.3);border:2px solid transparent;font-size:.95rem;letter-spacing:.5px}.github-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,41,46,.4);border-color:var(--accent-color);color:#fff;text-decoration:none}.github-logo{width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#24292e;flex-shrink:0}.github-text{white-space:nowrap;font-size:.85rem;letter-spacing:1px}@media(max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-bottom{flex-direction:column;text-align:center;gap:.5rem}header .container{align-items:flex-start;flex-direction:column}.social-links,header nav{margin-top:1em}.code-samples,footer .container,header nav ul{flex-direction:column}.header-left,.hero-stats{gap:1rem}.github-badge{padding:.6rem 1rem;font-size:.85rem}.github-logo{width:32px;height:32px;font-size:1.3rem}.github-text{font-size:.75rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}.hero-cta{flex-direction:column;gap:1rem}}@media(max-width:480px){.github-text{display:none}.github-badge{padding:.6rem;gap:0}}@media(min-width:768px){.ip-addresses{flex-direction:row;gap:20px}.ip-item{flex:1}}@media(max-width:768px){.code-examples-grid{grid-template-columns:1fr}.roadmap-timeline::before{left:15px}.roadmap-item{padding-left:50px}.roadmap-item::before{left:9px}.why-list li{padding-left:35px}}section{scroll-margin-top:120px}.card{overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),transparent);opacity:0;transition:opacity .3s}.card:hover::before{opacity:1}.loading-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media (max-width:768px){.code-example-item pre{-webkit-overflow-scrolling:touch;font-size:.75rem;line-height:1.3}header{padding:.75rem 0}.header-left{gap:.75rem}header h1{font-size:1.5rem}header h1 img{width:80px!important}main{padding-top:4rem}.hero h2{font-size:1.75rem;line-height:1.2}.hero h3{font-size:1rem;margin-bottom:1.5rem}.navbar-nav{padding:1rem 0;gap:.5rem}.navbar-nav .nav-item{margin:.25rem 0}.navbar-nav .nav-link{padding:.75rem 1rem!important;margin:.125rem 0;border-radius:8px!important;font-size:1rem!important}.navbar-toggler{padding:.5rem;font-size:1.1rem;border:2px solid var(--accent-color);border-radius:8px}.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(230,126,34,.25)}.navbar-collapse{background:#fff;border-radius:12px;margin-top:1rem;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e0e0e0}.code-examples-grid{grid-template-columns:1fr;grid-template-columns:1fr;gap:1rem;margin:0 -1rem}.code-example-item{margin:.5rem 0;padding:1rem;max-width:100%;overflow:hidden}.code-example-item pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:1rem 1.5rem;border-radius:8px;background:rgba(0,0,0,.4)!important}.code-example-item code{word-wrap:break-word;max-width:100%;font-size:.7rem!important;line-height:1.4!important;white-space:pre;word-wrap:normal;overflow-wrap:normal;max-width:none}.hero{padding:4rem 0 2rem!important;margin-top:1rem}.hero h2.display-4{font-size:1.75rem!important;line-height:1.3!important;margin-bottom:1rem!important;padding-top:.5rem}.hero h3.lead{font-size:1.1rem!important;line-height:1.4!important;margin-bottom:1.5rem!important}.main{padding-top:5rem!important}}@media (max-width:480px){.github-text{display:none}.github-badge{padding:.6rem;gap:0}.card{padding:1rem!important;margin-bottom:1.5rem}.code-examples-grid{margin:0 -.5rem}.code-example-item{padding:.75rem}.code-example-item pre{margin:0 -.25rem;padding:.75rem 1rem;font-size:.65rem}.code-example-item code{font-size:.65rem!important;line-height:1.3!important}.hero{padding:4.5rem 0 2rem!important}.hero h2.display-4{font-size:1.5rem!important;line-height:1.2!important;margin-bottom:.75rem!important}.hero h3.lead{font-size:1rem!important;margin-bottom:1.25rem!important}.main{padding-top:5.5rem!important}}