/* White About screen with the original navy typography and code-writing motion. */
#about{background:#FFFFFF;color:#2F3A85}
#about .about-ambient{background:#FFFFFF}
#about .about-orbit{border-color:#2F3A8512;box-shadow:0 0 0 10vw #257ACD03,0 0 0 10.04vw #2F3A850A,0 0 0 20vw #C15F9F02}
#about :is(.about-heading h2,.about-heading-en h2,.typed-copy,.profile-en .typed-copy,.language-label,.opening-code,.opening-code b){color:#2F3A85}
#about .about-eyebrow{color:#2F3A8599}
#about :is(.profile-opening,.profile-closing){color:#2F3A85B3}
#about .opening-rule{background:linear-gradient(90deg,#2F3A8525,transparent)}
#about .closing-rule{background:linear-gradient(90deg,transparent,#2F3A8525)}
#about .profile-panel{background:linear-gradient(145deg,#FFFFFF,#F8FAFF);border:2px solid #2F3A85;box-shadow:inset 0 1px 0 #FFFFFF,0 16px 40px #2F3A850A}
#about .profile-panel:before{background:radial-gradient(320px circle at var(--light-x,-500px) var(--light-y,-500px),#257ACD0D,transparent 72%)}
#about .profile-panel:after{background:radial-gradient(250px circle at var(--light-x,-500px) var(--light-y,-500px),#2F3A8580,#2F3A8540 30%,transparent 75%)}
#about .profile-bar{background:#2F3A8504;border-bottom-color:#2F3A8518}
#about .profile-filename{color:#2F3A85A6}
#about .language-label>span{color:#2F3A8599;border-color:#2F3A8526;background:#FFFFFF}
#about .copy-line{color:#2F3A8573}
#about .profile-card-end{color:#2F3A8599}
#about .closing-infinity{color:#C15F9F}
#about .code-dots{color:#C15F9F}
#about .about-content{scrollbar-color:#2F3A8540 transparent}
#about .about-footer button{color:#2F3A85}
#about .about-footer button:hover{color:#2F3A85;background:#2F3A850A}
#about .about-page,#about .about-page b{color:#2F3A85}
#about .about-timeline{background:#2F3A8512}
body[data-scene="about"] .deck-controls{--dock-ink:#2F3A85;--dock-dim:#2F3A8588;--dock-line:#2F3A8515;background:#FFFFFFF5}
body[data-scene="about"] .deck-chapters button[aria-current="step"]>span{color:#C15F9F}
body[data-scene="about"] #guide-rail{background:#2F3A85;color:#FFFFFF;border-color:#2F3A85}
body[data-scene="about"] .pointer-light{mix-blend-mode:normal;background:radial-gradient(circle at 50% 50%,#257ACD12,transparent 66%)}
body[data-scene="about"] .pointer-core{border-color:#2F3A8520;background:radial-gradient(circle,#FFFFFF,#257ACD10 35%,transparent 72%);box-shadow:0 0 16px #257ACD25}