/* Start:/local/templates/mietcenter/css/course/cko-sysadmin-zelenograd.css?179087459314730*/
/* Стиль записи дева courses-system-administration-in-zelenograd (cko-sysadmin-zelenograd), без изменений; подключается только на её странице. */
#cko-sysadmin-zelenograd,#cko-sysadmin-zelenograd *{box-sizing:border-box}
#cko-sysadmin-zelenograd{--blue:#2F8FF7;--blue-dark:#1678D2;--blue-light:#EAF6FF;--mint:#EAF9F2;--violet:#F2EEFF;--yellow:#FFF6D8;--ink:#272B2E;--text:#566169;--muted:#7C878E;--line:#DFE7EB;width:100%;max-width:1180px;margin:42px auto 0;color:var(--ink);font-family:"Wix Madefor Text","Wix Madefor Display",Arial,sans-serif!important;font-size:16px;line-height:1.55}
#cko-sysadmin-zelenograd *{font-family:"Wix Madefor Text","Wix Madefor Display",Arial,sans-serif!important}
#cko-sysadmin-zelenograd h1,#cko-sysadmin-zelenograd h2,#cko-sysadmin-zelenograd h3{font-family:"Wix Madefor Display","Wix Madefor Text",Arial,sans-serif!important}
#cko-sysadmin-zelenograd a{color:inherit;text-decoration:none}
#cko-sysadmin-zelenograd .section{margin-top:18px;padding:38px;border:1px solid var(--line);border-radius:29px;background:#fff}
#cko-sysadmin-zelenograd .kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--blue-dark);font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
#cko-sysadmin-zelenograd .kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}
#cko-sysadmin-zelenograd .title{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-1px}
#cko-sysadmin-zelenograd .intro{max-width:880px;margin:13px 0 0;color:var(--text);font-size:17px}
#cko-sysadmin-zelenograd .icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;border:1px solid rgba(27,100,141,.10);border-radius:14px;background:rgba(255,255,255,.88);color:var(--blue-dark)}
#cko-sysadmin-zelenograd .hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.23fr .77fr;gap:34px;align-items:center;padding:50px;border:1px solid #D6EAF8;border-radius:32px;background:radial-gradient(circle at 92% 5%,rgba(47,143,247,.14),transparent 28%),linear-gradient(135deg,#FCFEFF 0%,#EAF7FF 100%)}
#cko-sysadmin-zelenograd .hero:before{content:"";position:absolute;width:270px;height:270px;right:-125px;top:-130px;border-radius:50%;background:rgba(47,143,247,.08)}
#cko-sysadmin-zelenograd .label{position:relative;z-index:2;display:inline-flex;padding:8px 13px;border:1px solid #D0E8F8;border-radius:999px;background:rgba(255,255,255,.9);color:var(--blue-dark);font-size:14px;font-weight:800}
#cko-sysadmin-zelenograd .hero h1{position:relative;z-index:2;max-width:760px;margin:20px 0 18px;font-size:clamp(39px,5vw,58px);line-height:1.01;letter-spacing:-1.8px}
#cko-sysadmin-zelenograd .hero p{position:relative;z-index:2;max-width:720px;margin:0;color:#46535A;font-size:18px}
#cko-sysadmin-zelenograd .hero p+p{margin-top:13px}
#cko-sysadmin-zelenograd .hero-actions{position:relative;z-index:2;margin-top:28px}
#cko-sysadmin-zelenograd .hero-button{display:inline-flex;align-items:center;justify-content:center;width:min(100%,470px);min-height:64px;padding:0 26px;border-radius:14px;color:#fff!important;background:linear-gradient(180deg,#67ABFF 0%,#4C9CF6 70%,#2D89E9 100%);box-shadow:0 7px 0 #1D7DD8,0 14px 30px rgba(47,143,247,.18),inset 0 1px 0 rgba(255,255,255,.35);font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;transition:.18s ease}
#cko-sysadmin-zelenograd .hero-button:hover{transform:translateY(2px)}
#cko-sysadmin-zelenograd .code-card{position:relative;z-index:3;padding:21px;border-radius:24px;color:#E0F1F7;background:linear-gradient(145deg,#172832,#203A47);box-shadow:0 24px 55px rgba(23,40,50,.20);transform:rotate(2.2deg)}
#cko-sysadmin-zelenograd .code-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
#cko-sysadmin-zelenograd .dots{display:flex;gap:6px} #cko-sysadmin-zelenograd .dots span{width:8px;height:8px;border-radius:50%;background:#607884}
#cko-sysadmin-zelenograd .code-badge{padding:6px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:#A9E9FF;font-size:11px;font-weight:700}
#cko-sysadmin-zelenograd .code{padding:26px 3px 23px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:14px;line-height:1.8;white-space:pre-line}
#cko-sysadmin-zelenograd .code *{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}
#cko-sysadmin-zelenograd .blue{color:#7CDEFF} #cko-sysadmin-zelenograd .yellow{color:#FFE18D} #cko-sysadmin-zelenograd .green{color:#A7EFC1}
#cko-sysadmin-zelenograd .tech-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#cko-sysadmin-zelenograd .tech{padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055)}
#cko-sysadmin-zelenograd .tech small{display:block;margin-bottom:3px;color:#92A9B5;font-size:11px} #cko-sysadmin-zelenograd .tech b{color:#fff;font-size:15px}
#cko-sysadmin-zelenograd .advantages-title{margin:30px 4px 14px} #cko-sysadmin-zelenograd .advantages-title h2{margin:0;font-size:clamp(27px,3vw,36px);line-height:1.1}
#cko-sysadmin-zelenograd .advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#cko-sysadmin-zelenograd .adv{min-height:190px;padding:23px;border:1px solid var(--line);border-radius:22px}
#cko-sysadmin-zelenograd .adv:nth-child(1){background:var(--blue-light)} #cko-sysadmin-zelenograd .adv:nth-child(2){background:var(--mint)} #cko-sysadmin-zelenograd .adv:nth-child(3){background:var(--violet)} #cko-sysadmin-zelenograd .adv:nth-child(4){background:var(--yellow)}
#cko-sysadmin-zelenograd .adv h3{margin:0 0 8px;font-size:19px;line-height:1.15} #cko-sysadmin-zelenograd .adv p{margin:0;color:var(--text);font-size:14px}
#cko-sysadmin-zelenograd .fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}
#cko-sysadmin-zelenograd .fit-card{padding:27px;border-radius:22px}
#cko-sysadmin-zelenograd .fit-card:first-child{border:1px solid #D3EAF9;background:var(--blue-light)} #cko-sysadmin-zelenograd .fit-card:last-child{border:1px solid #D9EFE4;background:var(--mint)}
#cko-sysadmin-zelenograd .fit-card h3{margin:0 0 9px;font-size:23px;line-height:1.15} #cko-sysadmin-zelenograd .fit-card p{margin:0;color:var(--text)}
#cko-sysadmin-zelenograd .skills{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
#cko-sysadmin-zelenograd .skill{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;border:1px solid #E2E9ED;border-radius:19px;background:#fff}
#cko-sysadmin-zelenograd .skill-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--blue-light);color:var(--blue-dark)}
#cko-sysadmin-zelenograd .skill:nth-child(3n+2) .skill-icon{background:var(--mint)} #cko-sysadmin-zelenograd .skill:nth-child(3n) .skill-icon{background:var(--violet)}
#cko-sysadmin-zelenograd .skill h3{margin:1px 0 5px;font-size:17px;line-height:1.23} #cko-sysadmin-zelenograd .skill p{margin:0;color:var(--text);font-size:14px}
#cko-sysadmin-zelenograd .program{border:0;color:#fff;background:radial-gradient(circle at 92% 6%,rgba(255,255,255,.25),transparent 31%),linear-gradient(135deg,#2F8FF7 0%,#63C8F5 100%);box-shadow:0 18px 42px rgba(47,143,247,.14)}
#cko-sysadmin-zelenograd .program .kicker{color:#fff} #cko-sysadmin-zelenograd .program .kicker:before{background:#fff} #cko-sysadmin-zelenograd .program .intro{color:rgba(255,255,255,.9)}
#cko-sysadmin-zelenograd .program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px}
#cko-sysadmin-zelenograd .program-card{min-height:165px;padding:22px;border:1px solid rgba(255,255,255,.30);border-radius:19px;background:rgba(255,255,255,.13)}
#cko-sysadmin-zelenograd .program-mark{display:inline-flex;margin-bottom:25px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--blue-dark);font-size:11px;font-weight:800}
#cko-sysadmin-zelenograd .program-card h3{margin:0 0 7px;color:#fff;font-size:19px} #cko-sysadmin-zelenograd .program-card p{margin:0;color:rgba(255,255,255,.91);font-size:14px}
#cko-sysadmin-zelenograd .teachers{display:grid;grid-template-columns:.8fr 1.2fr;gap:17px}
#cko-sysadmin-zelenograd .teacher-accent{position:relative;overflow:hidden;min-height:230px;padding:27px;border-radius:23px;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,#2F8FF7,#75CBFF)}
#cko-sysadmin-zelenograd .teacher-accent:after{content:"SYS";position:absolute;right:18px;bottom:-18px;color:rgba(255,255,255,.18);font-size:76px;font-weight:800}
#cko-sysadmin-zelenograd .teacher-accent small{display:block;margin-bottom:10px;opacity:.85} #cko-sysadmin-zelenograd .teacher-accent strong{display:block;max-width:310px;font-size:29px;line-height:1.08}
#cko-sysadmin-zelenograd .teacher-copy{display:flex;flex-direction:column;justify-content:center;padding:12px 9px 12px 18px}
#cko-sysadmin-zelenograd .teacher-copy h2{margin:0 0 10px;font-size:27px} #cko-sysadmin-zelenograd .teacher-copy p{margin:0;color:var(--text)}
#cko-sysadmin-zelenograd .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
#cko-sysadmin-zelenograd .stat{min-height:170px;padding:23px;border:1px solid var(--line);border-radius:22px}
#cko-sysadmin-zelenograd .stat:nth-child(1){background:var(--yellow)} #cko-sysadmin-zelenograd .stat:nth-child(2){background:var(--blue-light)} #cko-sysadmin-zelenograd .stat:nth-child(3){background:var(--mint)} #cko-sysadmin-zelenograd .stat:nth-child(4){background:var(--violet)}
#cko-sysadmin-zelenograd .stat h3{margin:19px 0 7px;font-size:24px;line-height:1.08} #cko-sysadmin-zelenograd .stat p{margin:0;color:var(--text);font-size:14px}
#cko-sysadmin-zelenograd .payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
#cko-sysadmin-zelenograd .payment{min-height:175px;padding:23px;border:1px solid var(--line);border-radius:22px}
#cko-sysadmin-zelenograd .payment:nth-child(1){background:var(--blue-light)} #cko-sysadmin-zelenograd .payment:nth-child(2){background:var(--mint)} #cko-sysadmin-zelenograd .payment:nth-child(3){background:var(--violet)} #cko-sysadmin-zelenograd .payment:nth-child(4){background:var(--yellow)} #cko-sysadmin-zelenograd .payment:nth-child(5){color:#fff;border-color:transparent;background:linear-gradient(145deg,#2F8FF7,#56B7F8)}
#cko-sysadmin-zelenograd .payment h3{margin:19px 0 7px;font-size:20px} #cko-sysadmin-zelenograd .payment p{margin:0;color:var(--text);font-size:14px}
#cko-sysadmin-zelenograd .payment:nth-child(5) p{color:rgba(255,255,255,.91)} #cko-sysadmin-zelenograd .payment:nth-child(5) .icon{color:#fff;background:rgba(255,255,255,.15)}
#cko-sysadmin-zelenograd .faq{margin-top:16px} #cko-sysadmin-zelenograd details{border-top:1px solid #DFE6E9} #cko-sysadmin-zelenograd details:last-child{border-bottom:1px solid #DFE6E9}
#cko-sysadmin-zelenograd summary{position:relative;cursor:pointer;list-style:none;padding:22px 60px 22px 0;font-size:18px;font-weight:700;line-height:1.3}
#cko-sysadmin-zelenograd summary::-webkit-details-marker{display:none}
#cko-sysadmin-zelenograd summary:after{content:"+";position:absolute;right:1px;top:50%;display:grid;place-items:center;width:38px;height:38px;transform:translateY(-50%);border-radius:50%;background:var(--blue-light);color:var(--blue-dark);font-size:23px;font-weight:400}
#cko-sysadmin-zelenograd details[open] summary:after{content:"−";color:#fff;background:var(--blue)}
#cko-sysadmin-zelenograd .answer{max-width:860px;padding:0 60px 21px 0;color:var(--text);font-size:15px}
#cko-sysadmin-zelenograd .faq-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
#cko-sysadmin-zelenograd .faq-phone,#cko-sysadmin-zelenograd .faq-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 15px;border-radius:12px;font-weight:800}
#cko-sysadmin-zelenograd .faq-phone{border:1px solid #D5E8F6;background:#F4FAFF;color:var(--blue-dark)!important} #cko-sysadmin-zelenograd .faq-button{background:var(--blue);color:#fff!important}
#cko-sysadmin-zelenograd .related{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:22px}
#cko-sysadmin-zelenograd .related a{min-height:145px;padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}
#cko-sysadmin-zelenograd .related a:hover{transform:translateY(-3px);border-color:#C7E4F5;box-shadow:0 9px 24px rgba(31,70,90,.07)}
#cko-sysadmin-zelenograd .related small{color:var(--muted);font-size:12px} #cko-sysadmin-zelenograd .related h3{margin:6px 0 0;font-size:17px;line-height:1.2} #cko-sysadmin-zelenograd .related span{margin-top:15px;color:var(--blue-dark);font-size:13px;font-weight:800}
#cko-sysadmin-zelenograd .contact{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:18px;padding:27px 30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#2F8FF7,#53AFFF)}
#cko-sysadmin-zelenograd .contact h2{margin:0 0 4px;font-size:24px} #cko-sysadmin-zelenograd .contact p{margin:0;color:rgba(255,255,255,.90)}
#cko-sysadmin-zelenograd .phone{padding:13px 18px;border-radius:13px;background:#fff;color:var(--blue-dark)!important;font-weight:800;white-space:nowrap}
@media(max-width:960px){#cko-sysadmin-zelenograd .hero,#cko-sysadmin-zelenograd .teachers{grid-template-columns:1fr}#cko-sysadmin-zelenograd .advantages,#cko-sysadmin-zelenograd .stat-grid,#cko-sysadmin-zelenograd .program-grid,#cko-sysadmin-zelenograd .payment-grid,#cko-sysadmin-zelenograd .related{grid-template-columns:1fr 1fr}#cko-sysadmin-zelenograd .contact{grid-template-columns:1fr}}
@media(max-width:640px){#cko-sysadmin-zelenograd{margin-top:27px}#cko-sysadmin-zelenograd .hero{padding:28px 20px;border-radius:24px}#cko-sysadmin-zelenograd .hero h1{font-size:34px}#cko-sysadmin-zelenograd .code-card{transform:rotate(1deg)}#cko-sysadmin-zelenograd .section{padding:25px 19px;border-radius:23px}#cko-sysadmin-zelenograd .advantages,#cko-sysadmin-zelenograd .fit-grid,#cko-sysadmin-zelenograd .skills,#cko-sysadmin-zelenograd .program-grid,#cko-sysadmin-zelenograd .stat-grid,#cko-sysadmin-zelenograd .payment-grid,#cko-sysadmin-zelenograd .related{grid-template-columns:1fr}#cko-sysadmin-zelenograd .tech-row{grid-template-columns:1fr}#cko-sysadmin-zelenograd .skill{grid-template-columns:43px 1fr}#cko-sysadmin-zelenograd .skill-icon{width:43px;height:43px}#cko-sysadmin-zelenograd summary{padding-right:55px;font-size:17px}#cko-sysadmin-zelenograd .answer{padding-right:0}}

/* End */
/* /local/templates/mietcenter/css/course/cko-sysadmin-zelenograd.css?179087459314730 */