* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: #0f0f1a; color: #fff; overflow-x: hidden; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a12; }
::-webkit-scrollbar-thumb { background: #6366f1; border-radius: 4px; }
.text-gradient { background: linear-gradient(135deg, #6366f1 0%, #fbbf24 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-gradient-yellow { background: linear-gradient(135deg, #fbbf24 0%, #fcd34d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.glass { background: rgba(26,26,46,0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); }
.glass-nav { background: rgba(15,15,26,0.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,0.05); }
.glow-purple { box-shadow: 0 0 40px rgba(99,102,241,0.3); }
.glow-yellow { box-shadow: 0 0 40px rgba(251,191,36,0.3); }
.feature-card { transition: all .4s cubic-bezier(0.4,0,0.2,1); }
.feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(99,102,241,0.2); border-color: rgba(99,102,241,0.4); }
.service-card { transition: all .4s ease; overflow: hidden; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
.service-card:hover img { transform: scale(1.05); }
.bg-mesh { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .4; background: radial-gradient(circle at 20% 50%, rgba(99,102,241,0.15) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(251,191,36,0.1) 0%, transparent 50%); }
#particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.reveal { opacity: 0; transform: translateY(30px); transition: all .8s cubic-bezier(0.4,0,0.2,1); }
.reveal.active { opacity: 1; transform: translateY(0); }
.btn-shine { position: relative; overflow: hidden; }
.btn-shine::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left .5s; }
.btn-shine:hover::before { left: 100%; }
.workshop-card { position: relative; overflow: hidden; cursor: pointer; }
.workshop-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,15,26,0.95) 0%, rgba(15,15,26,0.3) 50%, transparent 100%); z-index: 1; }
.workshop-card img { transition: transform .6s cubic-bezier(0.4,0,0.2,1); }
.workshop-card:hover img { transform: scale(1.1); }
.typing-cursor::after { content: '|'; animation: blink 1s infinite; color: #fbbf24; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
html { scroll-behavior: smooth; }
.mobile-menu { transform: translateX(100%); transition: transform .3s cubic-bezier(0.4,0,0.2,1); }
.mobile-menu.open { transform: translateX(0); }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #6366f1; transition: width .3s; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.form-input { background: #f8f9fa; border: 1px solid #e5e7eb; color: #0f0f1a; transition: all .3s; }
.form-input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); outline: none; }
.dark-form-input { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; transition: all .3s; }
.dark-form-input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.2); outline: none; }
.dark-form-input::placeholder { color: #6b7280; }
.value-card { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); transition: transform .3s; }
.value-card:hover { transform: translateY(-5px); }
.result-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform .3s; }
.result-card:hover { transform: translateY(-5px); }
.lang-dropdown { position: relative; }
.lang-dropdown-content { display: none; position: absolute; top: 100%; right: 0; background: #1a1a2e; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 8px 0; min-width: 120px; z-index: 100; }
.lang-dropdown:hover .lang-dropdown-content { display: block; }
.lang-dropdown-content a { display: block; padding: 8px 16px; color: #9ca3af; font-size: 14px; transition: all .2s; }
.lang-dropdown-content a:hover { color: #fff; background: rgba(99,102,241,0.1); }
.white-section { background: #fff; color: #1a1a2e; }