:root{--bg:#05070b;--panel:#0d111a;--ink:#f6f8fb;--muted:#aab3c5;--line:rgba(255,255,255,.12);--cyan:#23d5ff;--gold:#d7b46a;--codegreen:#3cff9a;--paper:#f7f8fb;--dark:#111723}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:14px clamp(18px,3.5vw,54px);background:rgba(5,7,11,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.25s}.site-header.scrolled{padding-top:10px;padding-bottom:10px}.brand img{height:46px;width:auto}.main-nav{display:flex;align-items:center;gap:14px;margin-left:auto}.main-nav a{font-size:13px;color:#d8deea;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--cyan)}.nav-ai{color:var(--codegreen)!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 22px rgba(60,255,154,.26)}.nav-ai:hover,.nav-ai.active{color:#fff!important}.nav-dropdown{position:relative}.nav-dropdown>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:7px;margin-bottom:3px}.nav-dropdown-panel{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,8px);min-width:210px;padding:10px;background:rgba(10,14,22,.96);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 60px rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:.22s}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dropdown-panel a{display:block;padding:10px 12px;border-radius:6px}.nav-dropdown-panel a:hover{background:rgba(255,255,255,.07)}.language-switch{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:4px;background:rgba(255,255,255,.04)}.language-switch a{font-size:11px;color:#aeb8c8;padding:5px 7px;border-radius:6px;font-weight:800}.language-switch a.active{background:rgba(60,255,154,.16);color:var(--codegreen)}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:2px;background:white;margin:7px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(35,213,255,.55);background:linear-gradient(135deg,var(--cyan),#4f7dff);color:#061018;border-radius:8px;padding:13px 20px;font-weight:800;box-shadow:0 14px 38px rgba(35,213,255,.18);cursor:pointer}.btn-small{padding:10px 14px;font-size:14px}.btn-ghost{background:rgba(255,255,255,.06);color:var(--ink);border-color:var(--line);box-shadow:none}.link-button{background:none;border:0;color:#d8deea;padding:0;text-align:left;cursor:pointer}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:48px;align-items:center;padding:72px clamp(18px,5vw,86px) 42px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(35,213,255,.16),transparent 28%),linear-gradient(120deg,rgba(215,180,106,.09),transparent 38%);pointer-events:none}.hero-copy,.hero-media{position:relative}.eyebrow{display:inline-block;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:14px}.hero h1,.page-hero h1{font-size:clamp(40px,6vw,82px);line-height:1.02;margin:0 0 22px;letter-spacing:0}.hero p,.page-hero p{font-size:clamp(17px,2vw,22px);color:var(--muted);max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-media img{height:min(72vh,680px);width:100%;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.42)}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.trust-row span{padding:9px 12px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:8px;color:#e9eef8}
.facts{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts article{background:#0b0f17;padding:28px 20px;font-weight:800;color:#edf4ff;text-align:center}
.section,.service-list,.page-grid{padding:86px clamp(18px,5vw,86px)}.section-head{max-width:840px;margin-bottom:34px}.section-head h2,.split h2,.cta-band h2{font-size:clamp(30px,4vw,54px);line-height:1.08;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-card,.portfolio-card,.job-card,.form-card,.contact-panel{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:8px;overflow:hidden}.service-card{display:grid;grid-template-columns:220px 1fr}.service-card img{height:100%;object-fit:cover}.service-card div{padding:24px}.service-card h3,.portfolio-card h3,.portfolio-card h2{margin:0 0 8px}.service-card p,.portfolio-card p,.job-card p,.note{color:var(--muted)}ul{padding-left:20px}.service-card a,.portfolio-card a{color:var(--cyan);font-weight:800}
.process-band{position:relative;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;padding:96px clamp(18px,5vw,86px);background:linear-gradient(135deg,#070a10,#101827);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-band:before{content:"";position:absolute;inset:auto -10% -35% 45%;height:420px;background:radial-gradient(circle,rgba(35,213,255,.2),transparent 62%);transform:translateY(var(--scroll-shift,0));pointer-events:none}.process-copy,.process-steps{position:relative}.process-copy p,.showcase-strip p,.section-head p{color:var(--muted)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-steps article,.showcase-points article{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:8px;padding:24px}.process-steps span{display:inline-flex;color:var(--cyan);font-weight:900;margin-bottom:30px}.process-steps h3{margin:0 0 10px}.showcase-strip{padding:92px clamp(18px,5vw,86px);display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;background:#090d14;position:relative;overflow:hidden}.showcase-strip:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent);opacity:.7}.showcase-points{display:grid;gap:14px}.showcase-points strong{font-size:20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:86px clamp(18px,5vw,86px);background:var(--paper);color:var(--dark)}.split p{color:#4b5567}.split img{border-radius:8px;min-height:360px;width:100%;object-fit:cover}.align-start{align-items:start}.check-list li{margin:10px 0}.check-list li::marker{color:var(--cyan)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-card img{height:280px;width:100%;object-fit:cover}.portfolio-card{padding-bottom:22px}.portfolio-card>*:not(img){margin-left:22px;margin-right:22px}.portfolio-card span{display:block;margin-top:18px;color:var(--gold);font-size:13px;text-transform:uppercase;font-weight:800}.cta-band{margin:0 clamp(18px,5vw,86px) 86px;padding:64px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(35,213,255,.13),rgba(215,180,106,.12));display:flex;align-items:center;justify-content:space-between;gap:24px}.page-hero{padding:110px clamp(18px,5vw,86px) 72px;background:linear-gradient(135deg,#060912,#121927)}.page-hero.compact{min-height:360px;display:flex;flex-direction:column;justify-content:center}.ai-hero{background:linear-gradient(rgba(5,7,11,.72),rgba(5,7,11,.86)),url('../img/ai-training-certificate.webp') center/cover}.detail-row{display:grid;grid-template-columns:420px 1fr;gap:34px;margin-bottom:26px;align-items:center}.detail-row img{height:330px;width:100%;object-fit:cover;border-radius:8px}.article{max-width:900px;margin:0 auto;padding:74px 18px;font-size:20px}.article img{border-radius:8px;margin-bottom:26px}.job-list{display:grid;gap:18px}.job-card{padding:24px;background:white;color:var(--dark);border-color:#dfe4ed}
.form-card{padding:28px;background:white;color:var(--dark)}.form-card input,.form-card textarea,.form-card select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #d8deea;border-radius:8px;padding:13px 14px;margin:7px 0 14px;background:white;color:#101827}.form-card textarea,.admin-form textarea{min-height:130px}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#4b5567}.check input{width:auto;margin-top:4px}.flash{padding:12px 14px;background:#e8fbff;color:#0a4b5d;border-radius:8px;border:1px solid #b7eef8}.contact-panel{padding:0 0 24px;background:#0d111a}.contact-panel img{height:330px;width:100%;object-fit:cover}.contact-panel h2,.contact-panel p{margin-left:24px;margin-right:24px}.contact-panel p{color:var(--muted)}
.footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;padding:60px clamp(18px,5vw,86px) 24px;border-top:1px solid var(--line);background:#070a10}.footer a{display:block;color:#d8deea;margin:8px 0}.footer p{color:var(--muted)}.footer-logo{height:54px;width:auto;margin-bottom:14px}.footer-bottom{grid-column:1/-1;color:#8792a7;border-top:1px solid var(--line);padding-top:22px}
.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:70;display:none;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:white;color:#111723;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.cookie.show{display:flex}.cookie p{margin:0;max-width:760px}[data-reveal]{opacity:0;transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:translateY(0);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}[data-reveal="slide"]{transform:translateX(-26px)}[data-reveal="image"]{transform:scale(.975);filter:saturate(.85)}[data-reveal="image"].is-visible{transform:scale(1);filter:saturate(1)}[data-reveal="rise"].is-visible{transition-delay:var(--delay,0ms)}
.admin-login{min-height:100vh;display:grid;grid-template-columns:minmax(280px,420px);align-content:center;justify-content:center;gap:16px;padding:20px;background:radial-gradient(circle at 50% 0,rgba(60,255,154,.12),transparent 36%),#05070b}.login-card{width:min(420px,100%);background:white;color:var(--dark);border-radius:8px;padding:32px}.reset-card{background:#0d111a;color:white;border:1px solid var(--line)}.reset-card p{color:var(--muted)}.login-card img{height:60px;width:auto;margin-bottom:20px}.login-card input{width:100%;padding:13px;margin:8px 0;border:1px solid #d8deea;border-radius:8px}.password-line{position:relative}.password-line input{padding-right:98px}.password-toggle{position:absolute;right:12px;top:20px;color:#0a5a70;font-weight:800}.admin-body{display:grid;grid-template-columns:260px 1fr;background:#f5f7fb;color:var(--dark);min-height:100vh}.admin-side{background:#080b12;color:white;padding:24px;position:sticky;top:0;height:100vh;overflow:auto}.admin-side img{height:54px;width:auto;margin-bottom:20px}.admin-side a{display:block;padding:11px 10px;border-radius:8px;color:#d8deea}.admin-side a:hover{background:rgba(255,255,255,.08);color:white}.admin-main{padding:34px;overflow:auto}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-cards article{background:white;border-radius:8px;padding:24px;border:1px solid #e1e6ef}.admin-cards strong{display:block;font-size:38px}.admin-form{max-width:980px;background:white;border:1px solid #e1e6ef;border-radius:8px;padding:24px}.admin-form label{display:block;font-weight:800;margin-bottom:8px}.codearea{font-family:ui-monospace,Menlo,Consolas,monospace;min-height:560px}.table-wrap{overflow:auto;background:white;border-radius:8px;border:1px solid #e1e6ef}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid #e1e6ef;text-align:left}
@media (max-width:1050px){.main-nav{position:absolute;left:18px;right:18px;top:78px;display:none;flex-direction:column;align-items:flex-start;background:#0b0f17;border:1px solid var(--line);border-radius:8px;padding:18px}.main-nav.open{display:flex}.nav-dropdown{width:100%}.nav-dropdown-panel{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;margin-top:8px;width:100%;background:rgba(255,255,255,.04)}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{transform:none}.language-switch{margin-left:auto}.menu-toggle{display:block;margin-left:auto}.site-header>.btn{display:none}.hero,.split,.detail-row,.process-band,.showcase-strip{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}.service-grid,.portfolio-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-card img{height:240px;width:100%}.footer{grid-template-columns:1fr 1fr}.admin-body{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.admin-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.hero{padding-top:52px}.hero h1,.page-hero h1{font-size:38px}.facts{grid-template-columns:1fr}.cta-band{padding:28px;display:block}.footer{grid-template-columns:1fr}.cookie{display:none;flex-direction:column;align-items:flex-start}.admin-cards{grid-template-columns:1fr}.admin-main{padding:18px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important;filter:none!important}}
