* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Segoe UI", "Microsoft YaHei", sans-serif;}
html {scroll-behavior: smooth;}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(30,41,59,0.6);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,0.25);}
::-webkit-scrollbar-track{background:linear-gradient(135deg,#1a2347,#0f172a,#1e293b);}
body {background: #05070E;color: #fff;overflow-x: hidden;max-width:100vw;padding-bottom:80px;}
.bg-particles {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: radial-gradient(circle at 50% 50%, #101a33 0%, #05070E 60%);}
.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;width:100%;}
.nav {position: fixed;top: 0;width: 100%;padding: 20px 0;background: rgba(9,14,23,0.8);backdrop-filter: blur(15px);border-bottom: 1px solid rgba(0,216,255,0.1);z-index: 999;}
.nav-wrap {display: flex;justify-content: space-between;align-items: center;}
.logo {font-size: 26px;font-weight: 700;background: linear-gradient(90deg, #00d8ff, #7000ff);-webkit-background-clip: text;color: transparent;white-space:nowrap;}
.nav-menu {display: flex;gap: 28px;align-items: center;}
.nav-menu a {color: #e0e0e0;text-decoration: none;font-weight: 500;transition: 0.3s;white-space:nowrap;}
.nav-menu a:hover {color: #00d8ff;}
.nav-btn {display: flex;gap: 12px;}
.nav-btn a {padding: 10px 24px;border-radius: 8px;text-decoration: none;font-weight: 500;transition: 0.3s;white-space:nowrap;}
.btn-login {border: 1px solid rgba(0,216,255,0.3);color: #00d8ff;}
.btn-reg {background: linear-gradient(90deg, #00d8ff, #7000ff);color: #fff;border: none;}
.btn-login:hover {border-color: #00d8ff;}
.btn-reg:hover {transform: translateY(-2px);box-shadow: 0 5px 20px rgba(0,216,255,0.3);}
.hero {display: flex;align-items: center;padding: 120px 0 80px;position: relative;width:100%;}
.hero-content {width: 100%;text-align: center;}
.hero h1 {font-size: 56px;margin-bottom: 20px;background: linear-gradient(90deg, #00d8ff, #7000ff, #ff00a8);-webkit-background-clip: text;color: transparent;line-height: 1.2;white-space:nowrap;}
.hero p {font-size: 20px;color: #a0b0c8;max-width: 700px;margin: 0 auto 45px;line-height: 1.7;}
.hero-btns {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
.hero-btns a {padding: 16px 42px;border-radius: 50px;font-size: 16px;font-weight: 500;text-decoration: none;transition: 0.3s;white-space:nowrap;}
.features {width:100%;padding-bottom:60px;}
.section-title {text-align: center;margin-bottom: 60px;}
.section-title h2 {font-size: 36px;margin-bottom: 12px;color: #fff;white-space:nowrap;}
.section-title p {color: #7080a0;}
.features-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}
.feat-card {background: rgba(16,26,51,0.4);border: 1px solid rgba(0,216,255,0.1);border-radius: 20px;padding: 45px 35px;transition: 0.4s;backdrop-filter: blur(10px);}
.feat-card:hover {transform: translateY(-10px);border-color: rgba(0,216,255,0.4);box-shadow: 0 10px 40px rgba(0,216,255,0.1);}
.feat-icon {width: 60px;height: 60px;background: linear-gradient(90deg, #00d8ff, #7000ff);border-radius: 14px;display: grid;place-items: center;font-size: 28px;margin-bottom: 25px;}
.feat-card h3 {font-size: 24px;margin-bottom: 12px;white-space:nowrap;}
.feat-card p {color: #90a0b8;line-height: 1.7;}
.partner {padding: 90px 0;background: rgba(9,14,23,0.4);border-top: 1px solid rgba(0,216,255,0.1);}
.partner-logos {display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;}
.partner-logos img {height: 50px;filter: brightness(2) invert(1);opacity: 0.7;transition: 0.3s;}
.partner-logos img:hover {opacity: 1;transform: scale(1.08);}
.footer {background: #0b1222;color: #a0b0c8;width:100%;position: fixed;bottom:0;left:0;z-index:10;}
.footer .row {display: flex;flex-wrap: wrap;gap: 30px;align-items:flex-start;}
.footer .row > div {flex: 1;min-width: 200px;}
.footer_link h5 {font-size: 18px;margin-bottom: 20px;color: #fff;white-space:nowrap;}
.footer_link p {margin-bottom: 10px;}
.footer_link a {color: #a0b0c8;text-decoration: none;transition: 0.3s;}
.footer_link a:hover {color: #00d8ff;}
.footer_link img {width: 120px;border-radius: 8px;margin-bottom: 10px;}
.align-center {text-align: center;padding:12px 0;border-top: 1px solid rgba(255,255,255,0.05);}
.icon {margin-right: 8px;color: #00d8ff;}
@media(max-width:768px){
.nav-menu {display: none;}
.hero h1 { font-size: 32px; }
.hero p {font-size:16px;}
.features-grid { grid-template-columns: 1fr; }
.hero-btns a { width: 100%;max-width:300px; }
.feat-card{padding:30px 25px;}
}