:root{--bg: #f6f9fc;--bg-alt: #ffffff;--text: #12263a;--text-muted: #51657a;--border: #dde7f0;--sap-1: #00b9f2;--sap-2: #019ce0;--sap-3: #0c7ecf;--sap-4: #1661be;--sap-gradient: linear-gradient(135deg, var(--sap-2) 0%, var(--sap-4) 100%);--sap-gradient-full: linear-gradient(90deg, var(--sap-1) 0%, var(--sap-2) 35%, var(--sap-3) 68%, var(--sap-4) 100%);--accent: #0c7ecf;--accent-dark: #1661be;--accent-soft: #e5f4fd;--header-bg: rgba(246, 249, 252, .85);--shadow: 0 4px 24px rgba(18, 38, 58, .07);--spring: cubic-bezier(.3, 1.25, .6, 1);--ease-emph: cubic-bezier(.2, 0, 0, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}.container{max-width:1080px;margin:0 auto;padding:0 1.4rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .3s}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.site-logo{font-weight:800;font-size:1.2rem;text-decoration:none;color:var(--text);letter-spacing:-.02em}.site-logo span{background:var(--sap-gradient-full);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:1.75rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--sap-gradient-full);transition:width .35s var(--spring)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:.5rem}.menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text);width:38px;height:38px}.menu-btn .bar{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .2s}.menu-btn .bar+.bar{margin-top:5px}.menu-btn.is-open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn.is-open .bar:nth-child(2){opacity:0}.menu-btn.is-open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.site-header{backdrop-filter:none;background:color-mix(in srgb,var(--bg) 97%,transparent)}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center}.site-logo,.header-actions{position:relative;z-index:100}.nav-links{position:fixed;inset:0;padding-top:68px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:99}.nav-links.open{opacity:1;pointer-events:auto}.nav-links a{font-size:1.5rem;font-weight:600}.nav-links li{opacity:0;transform:translateY(18px);transition:opacity .3s var(--ease-emph),transform .45s var(--spring)}.nav-links.open li{opacity:1;transform:none}.nav-links.open li:nth-child(2){transition-delay:.04s}.nav-links.open li:nth-child(3){transition-delay:.08s}.nav-links.open li:nth-child(4){transition-delay:.12s}.nav-links.open li:nth-child(5){transition-delay:.16s}}.avatar{width:116px;height:116px;border-radius:50%;object-fit:cover;padding:3px;background:var(--sap-gradient-full);display:block;margin-bottom:1.4rem;box-shadow:var(--shadow);transition:transform .35s var(--spring)}.avatar:hover{transform:scale(1.05) rotate(2deg)}.avatar-sm{width:96px;height:96px}.hero{min-height:72vh;display:flex;align-items:center;padding:8rem 0 4rem}.hero-eyebrow{color:var(--accent);font-weight:600;margin-bottom:.75rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:1.2rem}.hero p.lead{font-size:1.15rem;color:var(--text-muted);max-width:640px;margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .2s var(--spring),box-shadow .2s,background .2s;border:none}.btn-primary{background:var(--sap-gradient);color:#fff;box-shadow:0 4px 14px #0c7ecf4d}.btn-primary:hover{filter:brightness(.92);transform:translateY(-2px)}.btn-ghost{color:var(--accent);border:1.5px solid var(--accent);background:transparent}.btn-ghost:hover{background:var(--accent-soft);transform:translateY(-2px)}.btn .arr{display:inline-block;transition:transform .3s var(--spring)}.btn:hover .arr{transform:translate(5px)}.btn-row{display:flex;gap:.9rem;flex-wrap:wrap}@media(max-width:620px){.btn-row{flex-direction:column;align-items:stretch}.btn-row .btn{width:100%;text-align:center}}.section{padding:4.5rem 0}.section-alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.section h2{font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.01em;margin-bottom:.75rem}.section .sub{color:var(--text-muted);max-width:640px;margin-bottom:2rem}.grid{display:grid;gap:1.2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow);transition:transform .25s var(--spring),box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #12263a1a;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.card h3{font-size:1.05rem;margin-bottom:.5rem}.card p{color:var(--text-muted);font-size:.92rem}.card .meta{font-size:.8rem;color:var(--accent);font-weight:600;margin-bottom:.4rem;display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{padding:1.4rem .6rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.stat .num{font-size:1.9rem;font-weight:800;display:block;line-height:1.2;background:var(--sap-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .lbl{font-size:.85rem;color:var(--text-muted)}.timeline{position:relative;margin-top:2rem;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl-item{position:relative;padding-bottom:2.2rem}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-1.6rem;top:.4rem;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2.5px solid var(--bg);box-shadow:0 0 0 2px var(--accent)}.tl-item .tl-date{font-size:.82rem;font-weight:700;color:var(--accent)}.tl-item h3{font-size:1.08rem;margin:.15rem 0}.tl-item .tl-org{font-size:.92rem;color:var(--text-muted);font-weight:600;margin-bottom:.35rem}.tl-item p{color:var(--text-muted);font-size:.93rem;max-width:720px}.cert-card{display:flex;gap:.9rem;align-items:flex-start}.cert-badge{flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:var(--sap-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;transition:transform .3s var(--spring)}.cert-card:hover .cert-badge{transform:scale(1.08) rotate(-4deg)}.cert-card h3{font-size:.96rem;margin-bottom:.2rem}.cert-card .meta{margin-bottom:0}.testimonial{display:flex;flex-direction:column}.testimonial blockquote{font-size:.95rem;color:var(--text);font-style:italic;margin-bottom:1rem;flex:1}.testimonial blockquote:before{content:"“";color:var(--accent);font-size:1.6rem;font-style:normal;line-height:0;margin-right:.15rem}.t-author{display:flex;flex-direction:column;border-top:1px solid var(--border);padding-top:.8rem}.t-author .t-name{font-weight:700;font-size:.95rem}.t-author .t-role{font-size:.82rem;color:var(--text-muted)}.t-author .t-rel{font-size:.78rem;color:var(--accent);font-weight:600;margin-top:.2rem}.form-wrap{max-width:620px}.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.form-group input,.form-group textarea{width:100%;padding:.75rem .9rem;border:1.5px solid var(--border);border-radius:10px;font:inherit;color:var(--text);background:var(--bg-alt);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0c7ecf2e}.form-note{font-size:.85rem;color:var(--text-muted);margin-top:1rem}.char-count{font-size:.78rem;color:var(--text-muted);text-align:right;margin-top:.3rem}.form-status{margin-top:1rem;font-weight:600;display:none}.form-status.ok{display:block;color:#0a7d33}.form-status.err{display:block;color:#c0392b}.game-card{margin-bottom:1.4rem}.game-card h3{font-size:1.15rem;margin-bottom:.3rem}.game-card .game-desc{margin-bottom:1.1rem}.game-area{margin-top:.8rem}.game-btn{background:var(--sap-gradient);color:#fff;border:none;border-radius:8px;padding:.55rem 1.1rem;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:filter .2s,transform .15s var(--spring)}.game-btn:hover{filter:brightness(.92);transform:translateY(-1px)}.game-btn:disabled{opacity:.5;cursor:default;transform:none}.game-score{font-size:.88rem;color:var(--text-muted);font-weight:600;margin:.6rem 0}.o2c-steps{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0}.o2c-step{border:1.5px solid var(--border);background:var(--bg-alt);border-radius:10px;padding:.55rem .9rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s var(--spring);color:var(--text)}.o2c-step:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.o2c-step.done{background:var(--sap-gradient);border-color:var(--sap-3);color:#fff;cursor:default}.o2c-step.wrong{animation:shake .35s;border-color:#c0392b}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.o2c-chain{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:2.2rem;font-size:.85rem;font-weight:600;color:var(--accent)}.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;max-width:520px;margin-top:.9rem}@media(max-width:480px){.mem-grid{grid-template-columns:repeat(3,1fr)}}.mem-card{aspect-ratio:4 / 3;border-radius:10px;border:1.5px solid var(--border);background:var(--sap-gradient);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:.78rem;cursor:pointer;padding:.3rem;line-height:1.25;transition:transform .25s var(--spring),background .25s;user-select:none}.mem-card:hover{transform:translateY(-2px)}.mem-card.flipped{background:var(--bg-alt);color:var(--text)}.mem-card.matched{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);cursor:default}.mem-card .back{font-size:1.2rem}.idoc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:380px;margin-top:.9rem}.idoc-cell{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:background .15s;user-select:none}.idoc-cell:active{background:var(--accent-soft)}.quiz-option{display:block;width:100%;text-align:left;margin-bottom:.55rem;border:1.5px solid var(--border);background:var(--bg-alt);border-radius:10px;padding:.7rem .95rem;font:inherit;font-size:.92rem;cursor:pointer;color:var(--text);transition:all .2s}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.quiz-option.correct{background:#e6f6ec;border-color:#0a7d33;color:#0a7d33;font-weight:700}.quiz-option.incorrect{background:#fdeceb;border-color:#c0392b;color:#c0392b}.quiz-q{font-weight:700;margin:.9rem 0 .8rem}.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:3rem 0 2rem;margin-top:4rem;position:relative}.o2c-road{position:absolute;top:0;left:0;right:0;height:0;pointer-events:none}.o2c-chip{position:absolute;top:0;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.o2c-customer{right:6%;animation:o2c-customer-pop 18s linear infinite}.o2c-truck{position:absolute;top:-29px;left:-130px;animation:o2c-drive 18s linear infinite}.o2c-truck svg{animation:o2c-bob .5s ease-in-out infinite}.o2c-coin{position:absolute;right:calc(6% + 26px);top:-13px;opacity:0;animation:o2c-coin 18s linear infinite}@keyframes o2c-drive{0%{left:-130px;animation-timing-function:linear}56%{left:calc(94% - 250px);animation-timing-function:cubic-bezier(.25,.6,.35,1)}66%{left:calc(94% - 152px)}80%{left:calc(94% - 152px);animation-timing-function:cubic-bezier(.6,0,.8,.45)}93%{left:calc(100% + 50px)}to{left:calc(100% + 50px)}}@keyframes o2c-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.7px)}}@keyframes o2c-customer-pop{0%,66%{transform:translateY(-50%) scale(1);color:var(--text-muted);border-color:var(--border)}71%{transform:translateY(-50%) scale(1.22);color:var(--accent);border-color:var(--accent)}78%{transform:translateY(-50%) scale(1);color:var(--accent);border-color:var(--accent)}90%,to{transform:translateY(-50%) scale(1);color:var(--text-muted);border-color:var(--border)}}@keyframes o2c-coin{0%,68%{opacity:0;transform:translateY(2px) scale(.6)}70.5%{opacity:1;transform:translate(-4px,-22px) scale(1)}73.5%{transform:translate(-10px,-2px) scale(1)}76%{transform:translate(-14px,-12px) scale(1)}78.5%{transform:translate(-17px,-2px) scale(1)}84%{opacity:1;transform:translate(-17px,-2px) scale(1)}89%,to{opacity:0;transform:translate(-17px,-2px) scale(1)}}@media(prefers-reduced-motion:reduce){.o2c-truck,.o2c-coin{display:none}.o2c-customer{animation:none}}.footer-inner{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-brand{max-width:320px}.footer-brand .site-logo{font-size:1.1rem}.footer-brand p{color:var(--text-muted);font-size:.9rem;margin-top:.6rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.45rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;display:inline-block;transition:color .2s,transform .25s var(--spring)}.footer-links a:hover{color:var(--accent);transform:translate(3px)}.footer-bottom{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--border);font-size:.84rem;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease-emph),transform .6s var(--spring)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .7s var(--spring) both}.animate-in-delay-1{animation:fadeInUp .7s var(--spring) .15s both}.animate-in-delay-2{animation:fadeInUp .7s var(--spring) .3s both}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.page-hero{padding:9rem 0 2.5rem}.page-hero h1{font-size:clamp(1.9rem,4.5vw,2.7rem);letter-spacing:-.02em;margin-bottom:.8rem}.page-hero .lead{color:var(--text-muted);font-size:1.08rem;max-width:680px}.prose p{margin-bottom:1.1rem;color:var(--text);max-width:760px}.prose p.muted{color:var(--text-muted)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}