*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gold: #D4AF37;--light-gold: #F5E6A3;--dark-bg: #0A0A0A;--second-bg: #141414;--text-white: #FFFFFF;--text-gray: #B0B0B0;--border-color: rgba(212, 175, 55, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--dark-bg);color:var(--text-white);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.navbar{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--light-gold),var(--primary-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;gap:40px}.nav-link{color:var(--text-gray);text-decoration:none;font-size:15px;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-gold)}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:var(--primary-gold)}#app{flex:1}.page-container{max-width:1200px;margin:0 auto;padding:80px 24px}.hero-section{text-align:center;padding:100px 24px 80px;background:radial-gradient(circle at center top,rgba(212,175,55,.15) 0%,transparent 70%)}.hero-title{font-size:56px;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#FFFFFF 0%,var(--light-gold) 50%,var(--primary-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--text-gray);margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:var(--second-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px 24px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary-gold);box-shadow:0 12px 32px #d4af3726}.feature-card h3{color:var(--primary-gold);font-size:18px;margin-bottom:12px}.feature-card p{color:var(--text-gray);font-size:14px}.page-title{font-size:40px;font-weight:700;margin-bottom:20px;color:var(--primary-gold)}.page-desc{font-size:18px;color:var(--text-gray);margin-bottom:48px}.contact-form{max-width:600px;background:var(--second-bg);border:1px solid var(--border-color);border-radius:12px;padding:40px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-white);font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-white);font-size:15px;outline:none;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-gold)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-gold),var(--light-gold));color:var(--dark-bg);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-tip{margin-top:16px;text-align:center;font-size:14px}.form-tip.success{color:#00e5cc}.form-tip.error{color:#e63946}.footer{border-top:1px solid var(--border-color);padding:32px 24px;text-align:center;color:var(--text-gray);font-size:14px}.cs-float-btn{position:fixed;bottom:32px;right:32px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gold),var(--light-gold));color:var(--dark-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #d4af3766;z-index:999;transition:all .3s ease}.cs-float-btn:hover{transform:scale(1.05)}@media (max-width: 968px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:40px}.nav-menu{gap:24px}}@media (max-width: 576px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:32px}.nav-menu{gap:16px;font-size:13px}.page-title{font-size:28px}}