*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#007bff;--text-dark:#1a1a1a;--text-light:#666;--card-bg:#fff;--card-shadow:0 .25rem .375rem rgba(0, 0, 0, 0.05);--card-border:.0625rem solid #e0e0e0;--card-radius:.5rem;--section-padding:2.5rem 1.25rem;--container-width:75rem}body{font-family:Arial,sans-serif;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;background-color:#f5f5f5}header{background-color:#f7f7f7;color:#fff;box-shadow:0 .25rem .375rem rgba(0,0,0,.1);position:relative}.domain-name{flex:1}.logo{transition:color .3s ease;text-transform:capitalize;display:flex;align-items:center;gap:10px;color:#202020;font-size:20px;font-weight:700;text-decoration:none}.logo-icon{width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgb(15 130 220 / 87%)}.logo-icon svg{width:18px;height:18px;fill:#fff}.logo:hover{color:#0c7edb}.nav-links{display:flex;align-items:center;margin-right:3.125rem}.nav-links a{margin-left:1.5rem;color:#000;text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}.nav-options{display:flex;align-items:center;gap:1rem}.nav-links-container{position:absolute;top:100%;right:0;width:60%;background-color:#fff;box-shadow:0 .375rem 1rem rgba(0,0,0,.12);border-radius:0 0 .5rem .5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;animation:slideDown .3s cubic-bezier(.25,.1,.25,1) forwards;z-index:999}@keyframes slideDown{from{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}.nav-links-container a{text-decoration:none;color:#444;font-weight:500;padding:.6rem 0;border-bottom:.0625rem solid #f0f0f0;transition:all .25s ease}.nav-links-container a:last-child{border-bottom:none}.nav-links-container a:hover{color:#007bff;transform:translateX(.375rem)}@media (max-width:768px){.nav-top{padding:1rem;gap:1rem;text-align:center}.domain-name{flex:none}.nav-options{justify-content:center}.logo{font-size:1.3rem}}.language-selector{position:static;z-index:10}#language-select{background-color:rgb(255 255 255 / 20%);color:#202020;border:1px solid rgb(0 0 0 / 30%);padding:.5rem;font-size:.9rem;border-radius:.25rem;cursor:pointer;transition:background-color .3s ease}#language-select:hover{background-color:rgba(255,255,255,.3)}#language-select option{background-color:#fff;color:#000}header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:.125rem .125rem .25rem rgba(0,0,0,.2)}header p{font-size:1.2rem;opacity:.9}.main{max-width:75rem;margin:0 auto}.test-area{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.w-20{width:5rem}.h-20{height:5rem}.w-32{width:8rem}.h-32{height:8rem}.backdrop-blur-sm{--tw-backdrop-blur:blur(.25rem);-webkit-backdrop-filter:var(--tw-backdrop-blur);backdrop-filter:var(--tw-backdrop-blur);background-color:rgb(255 255 255 / .2);justify-content:center;align-items:center;display:flex;border-radius:624.9375rem}#test-box{height:60rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;user-select:none;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}#test-box.waiting{background:var(--primary-color);color:#fff}#test-box.ready{background-color:var(--primary-color);color:#fff}#test-box.clickable{background-color:#0fcc5e;color:#fff;animation:pulse 1s infinite}#test-box.result{background-color:var(--primary-color);color:#f1da0a;font-size:2rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}#test-box:hover{transform:scale(1.01)}#test-box:active{transform:scale(.999)}#status-text{font-size:1.5rem;font-weight:700;text-align:center;padding:1rem}#start_test_dsc{font-size:1rem;text-align:center;margin:0 10rem}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:1.5rem;margin-bottom:2rem}.result-item{background-color:#fff;padding:1.5rem;border-radius:.625rem;text-align:center;box-shadow:0 .25rem .375rem rgba(0,0,0,.1);transition:transform .3s ease}.result-item:hover{transform:translateY(-.3125rem)}.result-item h3{color:#007bff;margin-bottom:1rem;font-size:1.2rem}.result-item p{font-size:2rem;font-weight:700;color:#333}.statistics{background-color:#fff;padding:2rem 1rem;border-radius:.625rem;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.statistics h3{color:#ffa100;margin-bottom:1.5rem;text-align:center}.ranking{margin-top:1rem}.ranking-bar{height:1.25rem;background-color:#ecf0f1;border-radius:.625rem;overflow:hidden;margin-bottom:1rem;position:relative}.ranking-fill{height:100%;background:linear-gradient(90deg,#3cb9e7,#1390c1,#2766f4,#077be4,#0f36d4);width:0%;transition:width .5s ease}.ranking-labels{display:flex;justify-content:space-between;font-size:.9rem;color:#7f8c8d;margin-bottom:1rem}.ranking-labels span{text-align:center}#ranking-text{text-align:center;font-weight:700;color:var(--primary-color);margin-top:1rem}.instructions{padding:5rem 2rem}.instructions_about{max-width:75rem;margin:0 auto}.instructions_title{color:#1a1a1a;margin-bottom:1.875rem}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.card{border:1px solid #e0e0e0;border-radius:.5rem;padding:1.25rem;background-color:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.card-title{color:var(--primary-color);margin-top:0;margin-bottom:.9375rem}.card p{color:#555;line-height:1.5}.card-features{display:flex;flex-wrap:wrap;gap:.625rem}.card-features span{display:flex;align-items:center;gap:.3125rem}footer{background-color:#34495e;color:#fff;text-align:center;padding:1.5rem;margin-top:2rem}.footer-content{display:flex;justify-content:space-around;gap:1.5rem;max-width:75rem;margin:0 auto;margin-bottom:2.5rem;max-width:75rem}.footer-col a{color:#d1d5db;text-decoration:none;font-size:1rem;margin:0 .625rem;transition:color .3s}.footer-col a:hover{color:var(--primary-color)}.footer-col p{color:#d1d5db;font-size:14px;margin-bottom:16px}.ad-section{align-items:center;margin-bottom:2rem}.ad{text-align:center;min-height:16.875rem;background-color:#eaeaea;color:#fff;min-width:20rem}#features,#test-process{margin:2rem 0 5rem}.nSahIAkGN{max-width:var(--container-width);margin:0 auto}h2{font-size:1.5rem;font-weight:700;margin:1.875rem 0;display:flex;align-items:center;gap:.625rem}h2 svg{width:1.5rem;height:1.5rem;fill:var(--primary-color)}.ruyiRG{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1.25rem}.isgKitH{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);padding:1.5625rem;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease}.isgKitH:hover{transform:translateY(-.3125rem);box-shadow:0 .5rem .75rem rgba(0,0,0,.1)}.whZB{width:2.5rem;height:2.5rem;background-color:rgba(66,133,244,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .9375rem}.whZB svg{width:1.25rem;height:1.25rem;fill:var(--primary-color)}.isgKitH h3{color:var(--primary-color);font-size:1.125rem;text-align:center;margin-bottom:.9375rem}.isgKitH p{color:var(--text-light);font-size:.875rem;text-align:center}.hide{display:none}.main_btn{border:none;background-color:transparent;padding:0}.main_btn svg{width:1.875rem;height:1.875rem;color:#000;cursor:pointer}.features-section{max-width:75rem;margin:0 auto}.section-title{text-align:center;font-size:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.star-icon{color:#fc0;margin-right:.625rem;font-size:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(31.25rem,1fr));gap:1.25rem}.feature-card{background-color:#fff;padding:1.25rem;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1);border-left:.25rem solid #4c8bf5}.feature-card:hover{box-shadow:0 .25rem .5rem rgba(0,0,0,.25);transform:translateY(-.3125rem)}.card-icon{display:inline-block;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#007bff;color:#fff;text-align:center;line-height:1.25rem;font-size:.8rem;margin-right:.625rem}.feature-card h3{display:inline-block;margin-top:0;margin-bottom:.625rem;font-size:1.2rem}.feature-card p{color:#666;line-height:1.5}.navbar{backdrop-filter:blur(10px);background:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:30px;list-style:none}.nav-links a{color:#000;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;padding:8px 0;border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{border-bottom-color:#fff}.about_container{max-width:56.25rem;margin:0 auto;padding:7.5rem 1.25rem 3.75rem}.about_header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease}.subtitle{color:#4c8bf5;font-size:18px;line-height:1.6}.content-card{background:#fff;border-radius:20px;padding:50px;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:fadeInUp .8s ease}.about_section{margin-bottom:40px}.about_section:last-child{margin-bottom:0}.about_section-title{color:#4c8bf5;font-size:24px;margin-bottom:15px;font-weight:700;display:flex;align-items:center;gap:10px}.about_section-title::before{content:'';width:4px;height:24px;background:#4c8bf5;border-radius:2px}.about_section-content{color:#555;font-size:16px;line-height:1.8;margin-bottom:15px}.feature-item{background:#f8f9ff;padding:20px;border-radius:12px;border-left:4px solid #4c8bf5}.feature-title{color:#333;font-weight:600;margin-bottom:8px;font-size:16px}.feature-desc{color:#666;font-size:14px;line-height:1.6}.highlight{background:linear-gradient(120deg,#4c8bf5 0,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@media (max-width:768px){header h1{font-size:2rem}.result-item{margin:0 1.25rem}.result-item p{font-size:1.5rem}.ranking-labels{font-size:.8rem}.statistics{margin:0 1.25rem 2rem}#test-box{margin-top:0;height:48rem}#test-box.waiting{border-radius:0}.test-area{margin-bottom:1.25rem}#start_test_dsc{margin:0 2rem}.instructions{padding:2rem 1.25rem}.card-grid{grid-template-columns:1fr}#features,#test-process{margin:2rem 1.25rem}.features-grid{grid-template-columns:1fr}.nav-links{position:fixed;top:4rem;display:none;left:0;right:0;backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:20px;transform:translateY(-100%);opacity:0;transition:all .3s ease;pointer-events:none}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.nav-links a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2);width:100%}.content-card{padding:30px 20px}.section-title{font-size:20px}#language-select{color:#000;border:1px solid rgb(0 0 0 / 30%)}}@media (max-width:480px){#status-text{font-size:1.6rem}#language-select{color:#000;border:1px solid rgb(0 0 0 / 30%)}}