/* Критический CSS стиль для главной страницы */
:root{--primary:#2C3E50;--secondary:#3498DB;--light:#f8f9fa;--dark:#2c3e50;--text:#333;--text-light:#777;--border-radius:8px;--shadow:0 4px 12px rgba(0,0,0,0.1);--transition:all 0.3s ease}
body{font-family:'Roboto',Arial,sans-serif;margin:0;padding:0;line-height:1.6;color:var(--text);background:#fff}
.simple-header{background:var(--primary);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 15px rgba(0,0,0,0.1)}
.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px;max-width:1200px;margin:0 auto}
.logo{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none}
.auth-buttons{display:flex;gap:15px}
.login-btn,.register-btn{padding:10px 25px;border-radius:30px;font-weight:600;text-decoration:none;transition:var(--transition);font-size:0.95rem}
.login-btn{background:transparent;color:#fff;border:2px solid var(--secondary)}
.register-btn{background:var(--secondary);color:#fff;border:2px solid var(--secondary);box-shadow:0 4px 10px rgba(52,152,219,0.3)}
.landing-container{max-width:1200px;margin:0 auto;padding:0 20px}
.hero-section{display:flex;align-items:center;justify-content:space-between;padding:80px 0;gap:40px}
.hero-content{flex:1}
.hero-content h1{font-size:3rem;margin-bottom:1rem;color:var(--dark);font-weight:700;line-height:1.3;margin-top:0}
.hero-image{flex:1;display:flex;justify-content:flex-end}
.hero-image img{max-width:100%;height:auto;width:600px;height:400px}
@media(max-width:768px){.hero-section{flex-direction:column;gap:40px;text-align:center;padding:60px 0}.hero-content h1{font-size:2.5rem}}
@media(max-width:576px){.auth-buttons{gap:10px}.login-btn,.register-btn{padding:8px 15px;font-size:0.85rem}.hero-content h1{font-size:2rem}}