/* Start:/local/templates/mietcenter/css/course/cko-sysadmin.css?179087459310121*/
/* Стиль записи дева system-administration-step-one-11-17-years-old (cko-sysadmin), без изменений; подключается только на её странице. */
#cko-sysadmin,#cko-sysadmin *{box-sizing:border-box}
#cko-sysadmin{--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 *{font-family:"Wix Madefor Text","Wix Madefor Display",Arial,sans-serif!important}
#cko-sysadmin h1,#cko-sysadmin h2,#cko-sysadmin h3{font-family:"Wix Madefor Display","Wix Madefor Text",Arial,sans-serif!important}
#cko-sysadmin a{color:inherit;text-decoration:none}
#cko-sysadmin .section{margin-top:18px;padding:38px;border:1px solid var(--line);border-radius:29px;background:#fff}
#cko-sysadmin .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 .kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}
#cko-sysadmin .title{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-1px}
#cko-sysadmin .intro{max-width:880px;margin:13px 0 0;color:var(--text);font-size:17px}
#cko-sysadmin .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:#fff;color:var(--blue-dark)}

#cko-sysadmin .hero{display:grid;grid-template-columns:1.23fr .77fr;gap:34px;align-items:center;padding:50px;border:1px solid #D6EAF8;border-radius:32px;background:linear-gradient(135deg,#FCFEFF,#EAF7FF)}
#cko-sysadmin .label{display:inline-flex;padding:8px 13px;border:1px solid #D0E8F8;border-radius:999px;background:#fff;color:var(--blue-dark);font-size:14px;font-weight:800}
#cko-sysadmin .hero h1{margin:20px 0 18px;font-size:clamp(39px,5vw,58px);line-height:1.01;letter-spacing:-1.8px}
#cko-sysadmin .hero p{max-width:720px;margin:0;color:#46535A;font-size:18px}
#cko-sysadmin .hero p+p{margin-top:13px}
#cko-sysadmin .hero-actions{margin-top:28px}
#cko-sysadmin .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(#67ABFF,#2D89E9);box-shadow:0 7px 0 #1D7DD8,0 14px 30px rgba(47,143,247,.18);font-size:16px;font-weight:600;text-transform:uppercase}

#cko-sysadmin .code-card{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 .code-top{display:flex;justify-content:space-between}
#cko-sysadmin .dots{display:flex;gap:6px}
#cko-sysadmin .dots span{width:8px;height:8px;border-radius:50%;background:#607884}
#cko-sysadmin .code-badge{padding:6px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#A9E9FF;font-size:11px}
#cko-sysadmin .code{padding:26px 3px 23px;font-family:monospace!important;font-size:14px;line-height:1.8;white-space:pre-line}
#cko-sysadmin .code *{font-family:monospace!important}
#cko-sysadmin .green{color:#A7EFC1}
#cko-sysadmin .yellow{color:#FFE18D}
#cko-sysadmin .blue{color:#7CDEFF}
#cko-sysadmin .tech-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#cko-sysadmin .tech{padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055)}
#cko-sysadmin .tech small{display:block;color:#92A9B5;font-size:11px}
#cko-sysadmin .tech b{color:#fff}

#cko-sysadmin .advantages-title{margin:30px 4px 14px}
#cko-sysadmin .advantages-title h2{margin:0;font-size:clamp(27px,3vw,36px)}
#cko-sysadmin .advantages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#cko-sysadmin .adv{min-height:190px;padding:23px;border:1px solid var(--line);border-radius:22px}
#cko-sysadmin .adv:nth-child(1){background:var(--blue-light)}
#cko-sysadmin .adv:nth-child(2){background:var(--mint)}
#cko-sysadmin .adv:nth-child(3){background:var(--violet)}
#cko-sysadmin .adv:nth-child(4){background:var(--yellow)}
#cko-sysadmin .adv h3{margin:0 0 8px;font-size:19px}
#cko-sysadmin .adv p{margin:0;color:var(--text);font-size:14px}

#cko-sysadmin .fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}
#cko-sysadmin .fit-card{padding:27px;border-radius:22px}
#cko-sysadmin .fit-card:first-child{background:var(--blue-light)}
#cko-sysadmin .fit-card:last-child{background:var(--mint)}
#cko-sysadmin .fit-card h3{margin:0 0 9px;font-size:23px}
#cko-sysadmin .fit-card p{margin:0;color:var(--text)}

#cko-sysadmin .skills{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
#cko-sysadmin .skill{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;border:1px solid #E2E9ED;border-radius:19px}
#cko-sysadmin .skill-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--blue-light);color:var(--blue-dark)}
#cko-sysadmin .skill h3{margin:1px 0 5px;font-size:17px}
#cko-sysadmin .skill p{margin:0;color:var(--text);font-size:14px}

#cko-sysadmin .program{border:0;color:#fff;background:linear-gradient(135deg,#2F8FF7,#63C8F5)}
#cko-sysadmin .program .kicker{color:#fff}
#cko-sysadmin .program .intro{color:#fff}
#cko-sysadmin .program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px}
#cko-sysadmin .program-card{min-height:165px;padding:22px;border:1px solid rgba(255,255,255,.3);border-radius:19px;background:rgba(255,255,255,.13)}
#cko-sysadmin .program-mark{display:inline-flex;margin-bottom:25px;padding:6px 9px;border-radius:999px;background:#fff;color:var(--blue-dark);font-size:11px;font-weight:800}
#cko-sysadmin .program-card h3{margin:0 0 7px;color:#fff;font-size:19px}
#cko-sysadmin .program-card p{margin:0;color:#fff;font-size:14px}

#cko-sysadmin .teachers{display:grid;grid-template-columns:.8fr 1.2fr;gap:17px}
#cko-sysadmin .teacher-accent{position:relative;overflow:hidden;min-height:230px;padding:27px;border-radius:23px;color:#fff;background:linear-gradient(145deg,#2F8FF7,#75CBFF)}
#cko-sysadmin .teacher-accent:after{content:"SYS";position:absolute;right:18px;bottom:-18px;color:rgba(255,255,255,.18);font-size:86px;font-weight:800}
#cko-sysadmin .teacher-accent strong{display:block;max-width:310px;font-size:29px}
#cko-sysadmin .teacher-copy{display:flex;flex-direction:column;justify-content:center;padding:12px 9px 12px 18px}
#cko-sysadmin .teacher-copy h2{margin:0 0 10px}
#cko-sysadmin .teacher-copy p{margin:0;color:var(--text)}

#cko-sysadmin .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
#cko-sysadmin .stat{min-height:170px;padding:23px;border:1px solid var(--line);border-radius:22px}
#cko-sysadmin .stat:nth-child(1){background:var(--yellow)}
#cko-sysadmin .stat:nth-child(2){background:var(--blue-light)}
#cko-sysadmin .stat:nth-child(3){background:var(--mint)}
#cko-sysadmin .stat:nth-child(4){background:var(--violet)}
#cko-sysadmin .stat h3{margin:19px 0 7px;font-size:24px}
#cko-sysadmin .stat p{margin:0;color:var(--text);font-size:14px}

#cko-sysadmin .payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
#cko-sysadmin .payment{min-height:175px;padding:23px;border:1px solid var(--line);border-radius:22px}
#cko-sysadmin .payment:nth-child(1){background:var(--blue-light)}
#cko-sysadmin .payment:nth-child(2){background:var(--mint)}
#cko-sysadmin .payment:nth-child(3){background:var(--violet)}
#cko-sysadmin .payment:nth-child(4){background:var(--yellow)}
#cko-sysadmin .payment:nth-child(5){color:#fff;background:linear-gradient(145deg,#2F8FF7,#56B7F8)}
#cko-sysadmin .payment h3{margin:19px 0 7px;font-size:20px}
#cko-sysadmin .payment p{margin:0;color:var(--text);font-size:14px}
#cko-sysadmin .payment:nth-child(5) p{color:#fff}

#cko-sysadmin details{border-top:1px solid #DFE6E9}
#cko-sysadmin details:last-child{border-bottom:1px solid #DFE6E9}
#cko-sysadmin summary{position:relative;cursor:pointer;list-style:none;padding:22px 60px 22px 0;font-size:18px;font-weight:700}
#cko-sysadmin summary::-webkit-details-marker{display:none}
#cko-sysadmin 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}
#cko-sysadmin details[open] summary:after{content:"−";color:#fff;background:var(--blue)}
#cko-sysadmin .answer{padding:0 60px 21px 0;color:var(--text)}
#cko-sysadmin .faq-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
#cko-sysadmin .faq-phone,#cko-sysadmin .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 .faq-phone{border:1px solid #D5E8F6;background:#F4FAFF;color:var(--blue-dark)!important}
#cko-sysadmin .faq-button{background:var(--blue);color:#fff!important}

#cko-sysadmin .contact{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:18px;padding:27px 30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#2F8FF7,#53AFFF)}
#cko-sysadmin .phone{padding:13px 18px;border-radius:13px;background:#fff;color:var(--blue-dark)!important;font-weight:800}

@media(max-width:960px){
#cko-sysadmin .hero,#cko-sysadmin .teachers{grid-template-columns:1fr}
#cko-sysadmin .advantages,#cko-sysadmin .stat-grid,#cko-sysadmin .program-grid,#cko-sysadmin .payment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
#cko-sysadmin .hero{padding:28px 20px}
#cko-sysadmin .hero h1{font-size:34px}
#cko-sysadmin .section{padding:25px 19px}
#cko-sysadmin .advantages,#cko-sysadmin .fit-grid,#cko-sysadmin .skills,#cko-sysadmin .program-grid,#cko-sysadmin .stat-grid,#cko-sysadmin .payment-grid{grid-template-columns:1fr}}

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