@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--primary-color: #00d4ff;--secondary-color: #0066ff;--accent-color: #7c3aed;--bg-dark: #0a0a1a;--bg-card: #12122a;--bg-card-hover: #1a1a3a;--text-primary: #ffffff;--text-secondary: #a0a0c0;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0066ff 50%, #7c3aed 100%);--gradient-bg: linear-gradient(180deg, #0a0a1a 0%, #1a1a3a 100%);--shadow-glow: 0 0 30px rgba(0, 212, 255, .3);--border-radius: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gradient-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 40px}.section{padding:120px 0;position:relative}.section-title{font-size:48px;font-weight:700;text-align:center;margin-bottom:20px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title:after{content:"";display:block;width:80px;height:4px;background:var(--gradient-primary);margin:20px auto 0;border-radius:2px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:60px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-outline:hover{background:var(--primary-color);color:var(--bg-dark);transform:translateY(-2px)}.glow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.container{padding:0 20px}.section{padding:80px 0}.section-title{font-size:32px}.section-subtitle{font-size:16px;margin-bottom:40px}}