:root{--primary-color:#ff6b6b;--primary-hover:#ee5a52;--secondary-color:#333;--light-color:#f4f4f4;--dark-color:#333;--text-color:#333;--text-light:#666;--border-color:#ddd;--font-family:Arial,sans-serif;--font-size-base:16px;--font-size-lg:1.2rem;--font-size-xl:2.5rem;--font-size-xxl:3rem;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--border-radius-sm:5px;--border-radius-md:10px;--border-radius-full:50%;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 10px 20px rgba(0,0,0,0.1);--transition:all 0.3s ease}* {margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);font-size:var(--font-size-base)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:var(--dark-color);color:#fff;padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:1000}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:bold}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:var(--spacing-md)}.nav-links a{color:#fff;text-decoration:none;transition:var(--transition)}.nav-links a:hover{color:var(--primary-color)}.hero{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20cultural%20company%20office%20space%20with%20creative%20design&image_size=landscape_16_9');background-size:cover;background-position:center;color:#fff;padding:var(--spacing-lg) 0;text-align:center}.hero h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.hero p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.btn{display:inline-block;background:var(--primary-color);color:#fff;padding:0.8rem 1.5rem;text-decoration:none;border-radius:var(--border-radius-sm);transition:var(--transition)}.btn:hover{background:var(--primary-hover)}.section{padding:var(--spacing-lg) 0}.section h2{text-align:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:3rem}.service-card{background:var(--light-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center;transition:var(--transition)}.service-card:hover{transform:translateY(-10px)}.service-card i{font-size:3rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.footer{background:var(--dark-color);color:#fff;padding:var(--spacing-md) 0;text-align:center}.footer-links{display:flex;justify-content:center;list-style:none;margin-bottom:var(--spacing-sm)}.footer-links li{margin:0 var(--spacing-sm)}.footer-links a{color:#fff;text-decoration:none}@media (max-width:768px){.nav-links{flex-direction:column;position:absolute;top:100%;left:0;background:var(--dark-color);width:100%;padding:var(--spacing-sm) 0;display:none}.nav-links.active{display:flex}.nav-links li{margin:var(--spacing-xs) 0;text-align:center}.menu-toggle{display:block;cursor:pointer}}.user-menu{position:relative}.user-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition)}.user-btn:hover{background:var(--primary-hover)}.user-dropdown{position:absolute;top:100%;right:0;background:var(--dark-color);min-width:150px;border-radius:var(--border-radius-sm);overflow:hidden;display:none;z-index:1001}.user-dropdown a{display:block;padding:0.8rem var(--spacing-sm);color:#fff;text-decoration:none;transition:var(--transition)}.user-dropdown a:hover{background:#444}.user-menu:hover .user-dropdown{display:block}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:center}.about-text{padding:var(--spacing-md)}.about-text h3{margin-bottom:var(--spacing-sm);color:var(--primary-color)}.about-image{text-align:center}.about-image img{max-width:100%;border-radius:var(--border-radius-md)}.team{margin-top:var(--spacing-lg)}.team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.team-member{text-align:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--light-color)}.team-member img{width:150px;height:150px;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-sm)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.service-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:var(--transition)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.service-img{width:100%;height:200px;object-fit:cover}.service-info{padding:var(--spacing-sm)}.service-info h3{margin-bottom:var(--spacing-xs)}.service-info p{margin-bottom:var(--spacing-xs);font-size:0.9rem;color:var(--text-light)}.service-btn{display:inline-block;background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;border-radius:var(--border-radius-sm);transition:var(--transition);font-size:0.9rem}.service-btn:hover{background:var(--primary-hover)}.form-container{max-width:800px;margin:var(--spacing-lg) auto 0;background:var(--light-color);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:bold}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.8rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.filter{display:flex;justify-content:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);background:#fff;border-radius:20px;cursor:pointer;transition:var(--transition)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.talent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.talent-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:var(--transition)}.talent-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-md)}.talent-img{width:100%;height:200px;object-fit:cover}.talent-info{padding:var(--spacing-sm)}.talent-info h3{margin-bottom:var(--spacing-xs)}.talent-info p{margin-bottom:var(--spacing-xs);font-size:0.9rem;color:var(--text-light)}@media (max-width:768px){.about-content{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}.social-links{display:flex;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);background:var(--light-color);color:var(--text-color);text-decoration:none;transition:var(--transition)}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.share-buttons{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.share-btn{display:inline-flex;align-items:center;gap:5px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:#fff;color:var(--text-color);text-decoration:none;font-size:0.8rem;transition:var(--transition)}.share-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}