:root { --bg-color: #05070a; --card-bg: rgba(255, 255, 255, 0.05); --card-border: rgba(255, 255, 255, 0.1); --accent-color: #7c4dff; --accent-glow: rgba(124, 77, 255, 0.3); --text-primary: #ffffff; --text-secondary: #b0b0b0; --font-heading: 'Outfit', sans-serif; --font-body: 'Inter', sans-serif;}* { margin: 0; padding: 0; box-sizing: border-box;}body { background-color: var(--bg-color); color: var(--text-primary); font-family: var(--font-body); line-height: 1.6; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden;}.bg-blob { position: fixed; width: 600px; height: 600px; background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%); border-radius: 50%; z-index: -1; filter: blur(80px); opacity: 0.4; pointer-events: none;}.blob-1 { top: -200px; right: -200px; animation: float 20s infinite alternate;}.blob-2 { bottom: -200px; left: -200px; animation: float 25s infinite alternate-reverse;}@keyframes float { 0% { transform: translate(0, 0); } 100% { transform: translate(100px, 100px); }}.main-plate { width: 90%; max-width: 900px; background: var(--card-bg); border: 1px solid var(--card-border); backdrop-filter: blur(20px); border-radius: 32px; padding: 3rem; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);}.plate-controls { position: absolute; top: 1.5rem; left: 2rem; right: 2rem; display: flex; justify-content: space-between; align-items: center;}.lang-switch { display: flex; gap: 0.5rem; background: rgba(255, 255, 255, 0.05); padding: 0.2rem; border-radius: 8px; border: 1px solid var(--card-border);}.lang-btn { background: transparent; border: none; color: var(--text-secondary); padding: 0.3rem 0.8rem; border-radius: 6px; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: 0.2s;}.lang-btn.active { background: var(--accent-color); color: white;}.contact-links { display: flex; align-items: center; gap: 1.5rem;}.contact-btn { background: transparent; border: none; color: var(--text-primary); font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; transition: 0.3s;}.contact-btn:hover { color: var(--accent-color);}.tg-link { color: var(--text-primary); font-size: 1.25rem; transition: 0.3s;}.tg-link:hover { color: #0088cc; transform: scale(1.1);}.content-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; align-items: center; margin-top: 2rem;}.logo-area { display: flex; justify-content: center; align-items: center;}.logo-img { width: 100%; max-width: 300px; filter: brightness(0) invert(1); opacity: 0.9;}.about-area h1 { font-family: var(--font-heading); font-size: 2.5rem; margin-bottom: 1.5rem; background: linear-gradient(135deg, #fff 0%, #a5a5a5 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}.about-text { color: var(--text-secondary); font-size: 1.05rem; line-height: 1.8;}.form-grup { display: none !important;}.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 100;}.modal { background: #0f1115; border: 1px solid var(--card-border); padding: 2.5rem; border-radius: 24px; width: 90%; max-width: 500px; position: relative;}.modal h2 { font-family: var(--font-heading); margin-bottom: 1.5rem; font-size: 1.8rem;}.close-modal { position: absolute; top: 1.5rem; right: 1.5rem; background: transparent; border: none; color: var(--text-secondary); font-size: 1.5rem; cursor: pointer;}.form-group { margin-bottom: 1.5rem;}.form-group label { display: block; margin-bottom: 0.5rem; font-size: 0.9rem; color: var(--text-secondary);}.form-input { width: 100%; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--card-border); padding: 0.8rem 1rem; border-radius: 12px; color: white; font-family: var(--font-body);}.form-input:focus { outline: none; border-color: var(--accent-color);}textarea.form-input { min-height: 120px; resize: none;}.submit-btn { width: 100%; background: var(--accent-color); color: white; border: none; padding: 1rem; border-radius: 12px; font-weight: 600; cursor: pointer; transition: 0.3s;}.submit-btn:hover { background: #9672ff; box-shadow: 0 0 15px var(--accent-glow);}@media (max-width: 768px) { .content-grid { grid-template-columns: 1fr; text-align: center; gap: 2rem; } .plate-controls { flex-direction: column; gap: 1rem; top: 1rem; } .main-plate { padding: 5rem 2rem 2rem; margin-top: 2rem; overflow-y: auto; max-height: 90vh; }}