/* A shared, restrained rhythm for the two independently authored UX Blocks. */
.ak-field-home{--ak-soft:#eef3ff;--ak-glow:#6b8fff;--ak-line:#c9d7f4}
.ak-field-ai-cong-nghe{--ak-soft:#f1efff;--ak-glow:#968aff}
.ak-field-home .section{position:relative}
.ak-field-home .ak-field-discover{background:radial-gradient(ellipse at 0 0,#dce5ff88,transparent 60%),linear-gradient(120deg,#f1f4ff,#eef6fd)!important}
.ak-field-ai-cong-nghe .ak-field-discover{background:radial-gradient(ellipse at 100% 0,#dedbff99,transparent 55%),linear-gradient(120deg,#f4f2ff,#edf5ff)!important}
.ak-field-home .ak-field-card>.col-inner{border-top:3px solid var(--ak-accent);box-shadow:0 8px 24px #14295a07}
.ak-field-home .ak-field-card{display:flex;align-items:stretch}
.ak-field-home .ak-field-card .col-inner{width:100%}
.ak-topic-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--ak-soft);color:var(--ak-accent);margin-bottom:22px}
.ak-topic-icon svg{width:29px;height:29px}
.ak-field-home .ak-field-number{float:right;font-size:16px;color:#7687ab;margin-top:15px;letter-spacing:.08em}
.ak-field-home .ak-field-practice{background:radial-gradient(ellipse at 0 80%,#344bb966,transparent 65%),linear-gradient(120deg,#11164b,#153464)!important;color:#d0dcf6}
.ak-field-home .ak-field-practice:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a7beff0c 1px,transparent 1px),linear-gradient(90deg,#a7beff0c 1px,transparent 1px);background-size:46px 46px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.ak-field-home .ak-field-practice h2,.ak-field-home .ak-field-practice h3{color:#fff}
.ak-field-home .ak-field-practice .ak-field-eyebrow{color:#acbdff}
.ak-field-home .ak-field-practice .ak-field-panel>.col-inner{background:#ffffff0b;border:1px solid #aec5ff44;box-shadow:0 20px 60px #010b3022}
.ak-field-home .ak-field-practice .ak-field-tag{background:#ffffff0a;color:#dce7ff;border-color:#88a9ea55}
.ak-field-home .ak-field-practice .ak-project-check li:before{color:#85caff}
.ak-field-home .button{border-radius:8px!important;background:#346aff!important;border-color:#346aff!important;color:#fff!important;transition:background .2s,box-shadow .2s,transform .2s}
.ak-field-home .button:hover{background:#2457df!important;box-shadow:0 7px 20px #2254db33;transform:translateY(-2px)}
.ak-field-home .button.is-outline{background:transparent!important;color:#2352b7!important;border-color:#9db7e8!important}
.ak-field-home .ak-field-hero .button.is-outline{color:white!important}
.ak-field-home .ak-field-roadmap{background:linear-gradient(180deg,#f4f7fd,#edf2fb)!important}
.ak-field-home .ak-field-roadmap .row:last-child{position:relative}
.ak-field-home .ak-field-roadmap .row:last-child:before{content:'';position:absolute;top:36px;left:40px;right:40px;height:2px;background:linear-gradient(90deg,#bcd0fd,#6b8eff,#bcd0fd)}
.ak-field-home .ak-field-step{border-top:0;background:#fff;border:1px solid #e0e8f7;border-radius:15px;padding:24px;position:relative;box-shadow:0 8px 24px #14295a05;min-height:225px}
.ak-field-home .ak-field-step .ak-field-eyebrow{position:relative;display:inline-flex;align-items:center;gap:9px;background:white;letter-spacing:.08em;font-size:12px;margin-bottom:18px}
.ak-field-home .ak-field-step .ak-field-eyebrow:before{content:'';width:8px;height:8px;background:var(--ak-accent);border-radius:50%;box-shadow:0 0 0 5px var(--ak-soft)}
.ak-field-home .ak-field-reading{background:radial-gradient(ellipse at 100% 0,#e5edff88,transparent 50%),#f8faff!important}
.ak-field-home .ak-field-library{background:transparent}
.ak-field-home .ak-field-library>h2{position:relative;padding-bottom:22px}
.ak-field-home .ak-field-library>h2:after{content:'';position:absolute;bottom:0;left:0;width:64px;height:3px;background:var(--ak-accent);border-radius:3px}
.ak-field-library .ak-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ak-field-home .ak-library-filter{background:#fff;border:1px solid #e0e8f7;padding:22px;border-radius:14px;box-shadow:0 8px 28px #14295a05}
.ak-field-home .ak-reading-card{background:#fff;box-shadow:0 10px 28px #14295a06;transition:transform .22s,box-shadow .22s}
.ak-field-home .ak-reading-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #14295a12}
.ak-field-ai-cong-nghe .ak-reading-grid{grid-template-columns:1fr}
.ak-field-ai-cong-nghe .ak-reading-card{display:grid;grid-template-columns:36% 64%}
.ak-field-ai-cong-nghe .ak-reading-art{height:100%;min-height:230px}
.ak-field-home .ak-field-resources{background:linear-gradient(135deg,#eaf1ff,#f0f3fc)!important}
.ak-field-home .ak-field-resources .accordion{background:#ffffffb8;padding:24px;border:1px solid #dce5f6;border-radius:16px}
.ak-field-home .ak-field-connect{background:radial-gradient(ellipse at 100% 100%,#27599b,transparent 65%),linear-gradient(110deg,#080a52,#182969)!important;color:#ccd9f7}
.ak-field-home .ak-field-connect h2{color:white;max-width:790px}
.ak-field-home .ak-field-connect .ak-field-eyebrow{color:#b2c4ff}
.ak-field-home .ak-field-crosslinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ak-field-home .ak-field-crosslinks a{margin:0;background:#ffffff0b;border:1px solid #adc9ff44;padding:12px 18px;border-radius:9px;color:#fff;transition:background .2s,border-color .2s}
.ak-field-home .ak-field-crosslinks a:hover{background:#346aff;border-color:#729cff}
.ak-git-path{display:flex;justify-content:space-between;gap:8px;margin-top:26px;padding-top:15px;border-top:2px solid #739fff77;font:12px monospace;color:#bfd1f8}
.ak-git-path span{position:relative}
.ak-git-path span:before{content:'';position:absolute;top:-21px;left:4px;width:9px;height:9px;background:#75cfff;border-radius:50%;box-shadow:0 0 0 4px #223f6c}
.ak-terminal-cursor{display:inline-block;width:7px;height:13px;vertical-align:middle;margin-left:9px;background:#86e2d0;animation:ak-cursor 1.3s steps(1,end) infinite}
@keyframes ak-cursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:849px){.ak-field-home .ak-field-roadmap .row:last-child:before{display:none}.ak-field-home .ak-field-step{min-height:0}.ak-field-home .ak-field-card{width:50%;max-width:50%;flex-basis:50%}}
@media(max-width:549px){.ak-field-home .ak-field-card{width:100%;max-width:100%;flex-basis:100%}.ak-field-library .ak-reading-grid{grid-template-columns:1fr}.ak-field-ai-cong-nghe .ak-reading-card{display:block}.ak-field-ai-cong-nghe .ak-reading-art{min-height:170px}.ak-field-home .ak-library-filter{padding:18px}.ak-field-home .ak-field-resources .accordion{padding:18px}.ak-field-home .ak-field-crosslinks a{flex:1 1 calc(50% - 12px);padding:11px;font-size:14px}.ak-orbit{animation-duration:55s}.ak-field-home .ak-field-practice:before{opacity:.5}}
@media(prefers-reduced-motion:reduce){.ak-terminal-cursor,.ak-orbit{animation:none!important}.ak-field-home *{transition:none!important}.ak-field-home .button:hover,.ak-field-home .ak-reading-card:hover,.ak-field-home .ak-field-card:hover>.col-inner{transform:none}}

/* Outrank the site's global primary-button rule without changing the main homepage. */
.ak-field-home .section a.button.primary{background-color:#346aff!important;border-color:#346aff!important;border-radius:8px!important}
.ak-field-home .section a.button.primary:hover{background-color:#2457df!important}
.ak-field-home .section a.button.primary.is-outline{background:transparent!important;color:#fff!important;border-color:#91a9dc!important}
.ak-field-home .ak-field-discover .row:has(>.ak-field-card){align-items:stretch}