/*
Theme Name: Oil Engineering Community
Theme URI: https://oil-engineering.com
Author: Oil Engineering Community
Description: Сайт сообщества нефтяного инжиниринга в эпоху индустрии 4.0
Version: 1.0.0
License: GNU General Public License v2
Text Domain: oil-engineering
*/

:root{--blue:#0070c0;--blue-m:#005a99;--blue-d:#004473;--accent:#3DA0FF;--light:#D7DFEA;--gray:#9BA7B4}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,sans-serif;background:#0070c0;color:#D7DFEA;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#004473,#005a99);box-shadow:0 4px 12px rgba(0,0,0,.3);border-bottom:1px solid rgba(215,223,234,.2)}
.site-header .container{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
.site-logo img{height:96px;width:auto}
.main-navigation ul{display:flex;gap:2rem;list-style:none}
.main-navigation a{padding:.5rem 1rem;border-radius:.5rem;transition:.3s;color:#D7DFEA}
.main-navigation a:hover,.main-navigation .current-menu-item a{background:#3DA0FF;color:#fff}
.hero{position:relative;padding:8rem 1.5rem;background:linear-gradient(135deg,#004473,#005a99 50%,#0070c0)}
.hero-title{font-size:3.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.25}
.hero-sub{font-size:1.5rem;color:#D7DFEA;margin-bottom:2.5rem}
.btn{padding:1rem 2rem;border-radius:.5rem;font-weight:600;transition:.3s;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem}
.btn-p{background:#3DA0FF;color:#fff;box-shadow:0 10px 15px rgba(61,160,255,.3)}
.btn-p:hover{background:rgba(61,160,255,.9)}
.btn-o{background:0 0;color:#D7DFEA;border:2px solid #D7DFEA}
.btn-o:hover{background:rgba(215,223,234,.1)}
.section{padding:5rem 1.5rem}
.s-dark{background:#004473}
.s-med{background:#005a99}
.s-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}
.s-sub{color:#9BA7B4;font-size:1.125rem;margin-bottom:3rem}
.grid{display:grid;gap:1.5rem}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g4,.g3,.g2{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.main-navigation{display:none}}
.card{padding:2rem;border-radius:.5rem;border:2px solid rgba(215,223,234,.2);background:rgba(0,90,153,.3);transition:.3s}
.card:hover{border-color:#3DA0FF;background:rgba(0,90,153,.5);transform:scale(1.02)}
.card-icon{width:4rem;height:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(61,160,255,.2);border:2px solid rgba(61,160,255,.6)}
.card-icon svg{width:2rem;height:2rem;color:#3DA0FF}
.card-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}
.card-text{color:#9BA7B4;font-size:.875rem;line-height:1.625}
.site-footer{padding:3rem 1.5rem;background:#004473;border-top:1px solid rgba(215,223,234,.2);text-align:center}
.site-footer p{color:#9BA7B4}
input,textarea,select{width:100%;padding:.75rem 1rem;border:1px solid rgba(215,223,234,.2);border-radius:.5rem;background:#1E293B;color:#D7DFEA;font-size:1rem}
input:focus,textarea:focus{outline:none;border-color:#3DA0FF}
label{display:block;margin-bottom:.5rem;color:#D7DFEA;font-weight:500}