body:has(.hsk-intro-page),html:has(.hsk-intro-page){overflow:hidden}.root:has(.hsk-intro-page){min-height:100vh;overflow:hidden}.hsk-intro-page{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#2d1b3d);color:#fff;position:relative;overflow-x:hidden;overflow-y:auto;height:100vh}.hsk-intro-page:before{top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,217,255,.15) 0,transparent 70%)}.hsk-intro-page:after,.hsk-intro-page:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hsk-intro-page:after{bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(138,43,226,.1) 0,transparent 70%)}.hero-section{padding:80px 20px 120px;position:relative;z-index:1}.hero-section .hero-container{max-width:900px;margin:0 auto;text-align:center;padding:48px 40px 56px;background:hsla(0,0%,100%,.02);backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.06);border-radius:24px;position:relative;overflow:hidden}.hero-section .hero-container:before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,hsla(0,100%,70%,.15) 0,transparent 60%);pointer-events:none;z-index:-1}.hero-section .hero-container:after{content:"";position:absolute;bottom:-80px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(100,200,150,.12) 0,transparent 60%);pointer-events:none;z-index:-1}.hero-section .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;font-size:14px;color:hsla(0,0%,100%,.8);margin-bottom:32px;transition:all .3s ease}.hero-section .hero-badge:hover{background:hsla(0,0%,100%,.08);border-color:rgba(0,217,255,.3)}.hero-section .hero-badge .anticon{color:#00d9ff}.hero-section .hero-title{font-size:56px;font-weight:700;line-height:1.2;margin:0 0 24px;background:linear-gradient(135deg,#fff,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section .hero-subtitle{font-size:18px;line-height:1.6;color:hsla(0,0%,100%,.7);max-width:700px;margin:0 auto 40px}.hero-section .hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:60px;flex-wrap:wrap}.hero-section .btn-primary,.hero-section .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.hero-section .btn-primary:before,.hero-section .btn-secondary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent);opacity:0;transition:opacity .3s ease}.hero-section .btn-primary:hover:before,.hero-section .btn-secondary:hover:before{opacity:1}.hero-section .btn-primary{background:linear-gradient(135deg,#00d9ff,#00bcd4);color:#0a0e27;box-shadow:0 8px 24px rgba(0,217,255,.3)}.hero-section .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,217,255,.4)}.hero-section .btn-secondary{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);color:#fff}.hero-section .btn-secondary:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.hero-section .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;max-width:900px;margin:0 auto}.hero-section .info-card{display:flex;align-items:center;gap:16px;padding:24px;background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;transition:all .3s ease}.hero-section .info-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(0,217,255,.3);transform:translateY(-4px)}.hero-section .info-card .info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(138,43,226,.2));border-radius:12px;font-size:24px;color:#00d9ff}.hero-section .info-card .info-content{flex:1 1;text-align:left}.hero-section .info-card .info-label{font-size:12px;color:hsla(0,0%,100%,.5);margin-bottom:4px}.hero-section .info-card .info-value{font-size:18px;font-weight:600;color:#fff}.main-content{max-width:1200px;margin:0 auto;padding:0 20px 80px;position:relative;z-index:1;width:100%}.section{margin-bottom:80px}.section .section-header{text-align:center;margin-bottom:48px}.section .section-title{font-size:40px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section .section-subtitle{font-size:16px;line-height:1.8;color:hsla(0,0%,100%,.7);max-width:100%;margin:0 auto;text-align:left}.hsk-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.usage-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}.usage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d9ff,#8a2be2)}.usage-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(0,217,255,.3);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,217,255,.15)}.usage-card .usage-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(138,43,226,.2));border-radius:16px;font-size:28px;color:#00d9ff;margin-bottom:20px}.usage-card h4{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.usage-card p{font-size:14px;line-height:1.7;color:hsla(0,0%,100%,.7);margin:0 0 20px}.usage-card .usage-list{list-style:none;padding:0;margin:0}.usage-card .usage-list li{position:relative;padding-left:20px;font-size:14px;color:hsla(0,0%,100%,.8);margin-bottom:10px}.usage-card .usage-list li:last-child{margin-bottom:0}.usage-card .usage-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:#00d9ff;border-radius:50%}.glass-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:32px;transition:all .3s ease}.glass-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.glass-card p{font-size:16px;line-height:1.8;color:hsla(0,0%,100%,.8);margin:0 0 16px}.glass-card p:last-child{margin-bottom:0}.glass-card h3{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}.hsk-features-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:48px;padding:24px 32px;background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px}.hsk-features-bar .feature-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(0,217,255,.08);border:1px solid rgba(0,217,255,.2);border-radius:12px;transition:all .3s ease}.hsk-features-bar .feature-item:hover{background:rgba(0,217,255,.15);border-color:rgba(0,217,255,.4);transform:translateY(-2px)}.hsk-features-bar .feature-item .feature-icon{font-size:18px;color:#00d9ff}.hsk-features-bar .feature-item span{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:24px;gap:24px}.level-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d9ff,#8a2be2)}.level-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(0,217,255,.3);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,217,255,.2)}.level-card .level-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.level-card .level-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(138,43,226,.2));border-radius:16px;font-size:28px;color:#00d9ff}.level-card .level-info{flex:1 1}.level-card .level-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px}.level-card .level-badge{display:inline-block;padding:4px 12px;background:rgba(0,217,255,.15);border:1px solid rgba(0,217,255,.3);border-radius:12px;font-size:12px;color:#00d9ff}.level-card .level-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.level-card .stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:hsla(0,0%,100%,.7)}.level-card .stat-item .stat-icon{font-size:16px}.level-card .level-description{font-size:15px;line-height:1.6;color:hsla(0,0%,100%,.7);margin:0 0 24px}.level-card .level-button{width:100%;padding:12px 24px;background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);border-radius:12px;color:#00d9ff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.level-card .level-button:hover{background:rgba(0,217,255,.2);border-color:#00d9ff;transform:translateX(4px)}.score-card .score-header{margin-bottom:20px}.score-card .score-header h3{margin-bottom:8px}.score-card .score-header p{font-size:14px;color:hsla(0,0%,100%,.6);margin:0}.score-card .score-content{padding:20px;background:rgba(0,217,255,.05);border:1px solid rgba(0,217,255,.2);border-radius:12px}.score-card .score-info{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.score-card .score-info span{font-size:16px;color:hsla(0,0%,100%,.9)}.score-card .score-info .score-level{font-weight:700;color:#00d9ff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.feature-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(0,217,255,.3);transform:translateY(-8px)}.feature-card .feature-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(138,43,226,.2));border-radius:16px;font-size:32px;color:#00d9ff}.feature-card h4{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.feature-card p{font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.7);margin:0}.two-column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:32px;gap:32px}.card-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.1)}.story-list{display:flex;flex-direction:column;gap:24px}.story-item{padding:20px;background:rgba(0,217,255,.05);border:1px solid rgba(0,217,255,.15);border-radius:12px;transition:all .3s ease}.story-item:hover{background:rgba(0,217,255,.08);border-color:rgba(0,217,255,.3)}.story-item .story-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.story-item .story-name{font-weight:600;color:#fff}.story-item .story-score{font-size:14px;color:#00d9ff}.story-item .story-quote{font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.8);margin:0;font-style:italic}.news-list{display:flex;flex-direction:column;gap:24px}.news-item{padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.news-item:last-child{padding-bottom:0;border-bottom:none}.news-item .news-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.news-item .news-title{font-weight:600;color:#fff;flex:1 1}.news-item .news-date{font-size:12px;color:hsla(0,0%,100%,.5);white-space:nowrap}.news-item .news-content{font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.7);margin:0}.footer{padding:40px 20px;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.05)}.footer .footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer p{font-size:14px;color:hsla(0,0%,100%,.5);margin:0}@media(max-width:768px){.hero-section{padding:60px 20px 80px}.hero-section .hero-title{font-size:36px}.hero-section .hero-subtitle{font-size:16px}.hero-section .info-cards{grid-template-columns:1fr}.section{margin-bottom:60px}.section .section-title{font-size:32px}.features-grid,.levels-grid,.two-column-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}@media(max-width:480px){.hero-section .hero-title{font-size:28px}.hero-section .hero-buttons{flex-direction:column;width:100%}.hero-section .hero-buttons .btn-primary,.hero-section .hero-buttons .btn-secondary{width:100%;justify-content:center}.feature-card,.glass-card,.level-card{padding:24px}}