.about-page{min-height:calc(100vh - 64px)}.mode-toggle-card{border:2.5px solid var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(150deg,#1a1a2e 0%,#16213e 45%,#0f3460 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:70px;height:98px;transition:box-shadow .3s;animation:6s ease-in-out infinite toggleIdleJump,3s ease-in-out infinite toggleGlow;display:flex;position:relative;box-shadow:0 0 16px #3fb8cf59,0 0 32px #3fb8cf2e,inset 0 0 12px #9adfe814}.mode-toggle-card:hover{animation:.5s ease-in-out infinite toggleWiggle,1.2s ease-in-out infinite toggleGlow}@keyframes toggleGlow{0%,to{box-shadow:0 0 16px #3fb8cf59,0 0 32px #3fb8cf2e,inset 0 0 12px #9adfe814}50%{box-shadow:0 0 24px #3fb8cf8c,0 0 48px #3fb8cf47,inset 0 0 16px #9adfe826}}@keyframes toggleIdleJump{0%,84%,to{transform:translateY(0)rotate(2deg)}87%{transform:translateY(-11px)rotate(2deg)}90%{transform:translateY(0)rotate(2deg)}93%{transform:translateY(-5px)rotate(2deg)}96%{transform:translateY(0)rotate(2deg)}}@keyframes toggleWiggle{0%,to{transform:rotate(0)translateY(-4px)}25%{transform:rotate(-6deg)translateY(-7px)}75%{transform:rotate(6deg)translateY(-7px)}}.mode-toggle-card .mtc-corner{color:#9adfe899;font-size:9px;line-height:1;position:absolute}.mtc-corner.tl{top:5px;left:6px}.mtc-corner.br{bottom:5px;right:6px}.mtc-symbol{color:var(--latte);text-shadow:0 0 14px #9adfe8b3;font-size:26px;line-height:1}.mtc-label{color:#fff;letter-spacing:.05em;writing-mode:horizontal-tb;font-size:11px;font-weight:800}.flip-overlay{z-index:300;pointer-events:none;opacity:0;place-items:center;display:grid;position:fixed;inset:0}.flip-overlay.active{opacity:1}.flip-card-3d{width:210px;height:320px;transform-style:preserve-3d;position:relative}.flip-overlay.active .flip-card-3d{animation:.92s cubic-bezier(.45,0,.2,1) forwards flipZoom}@keyframes flipZoom{0%{opacity:0;transform:rotateY(0)scale(.35)}20%{opacity:1}50%{opacity:1;transform:rotateY(90deg)scale(1.06)}80%{opacity:1}to{opacity:0;transform:rotateY(180deg)scale(.35)}}.flip-face{backface-visibility:hidden;border:2.5px solid var(--ink);border-radius:16px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.flip-face.front{background:linear-gradient(150deg,#1a1a2e 0%,#16213e 45%,#0f3460 100%)}.flip-face.back{background:linear-gradient(150deg, var(--clay), var(--sage));transform:rotateY(180deg)}.flip-symbol{color:var(--latte);text-shadow:0 0 26px #9adfe8d9;font-size:58px}.flip-face.back .flip-symbol{color:#fff;text-shadow:0 0 26px #ffffffd9}.flip-spark{opacity:0;pointer-events:none;font-size:20px;position:absolute;top:50%;left:50%}.flip-overlay.active .flip-spark{animation:.85s ease-out forwards sparkFly;animation-delay:var(--d,0s)}@keyframes sparkFly{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}25%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.3) rotate(70deg);opacity:0}}.hover-title{justify-content:center;align-items:center;height:3.4rem;display:flex}.hover-title-text{letter-spacing:.08em;background:linear-gradient(100deg, var(--clay), var(--sage));-webkit-text-fill-color:transparent;color:#0000;opacity:0;background-clip:text;font-size:clamp(1.3rem,3.5vw,1.9rem);font-weight:900;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1);transform:translateY(10px)scale(.92)}.hover-title-text.show{opacity:1;transform:none}.mini-hover-title{justify-content:center;align-items:center;height:2.2rem;display:flex}.mini-hover-title .hover-title-text{font-size:clamp(1rem,2.5vw,1.3rem)}.fan-view{justify-content:center;align-items:center;width:100vw;height:520px;margin-left:calc(50% - 50vw);display:flex;position:relative}.fan-deck{width:100%;height:100%;position:relative;transform:translateY(-48px)}.tarot-card{perspective:1200px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:200px;height:320px;margin:-160px 0 0 -100px;padding:0;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1),translate .25s,opacity .3s;position:absolute;top:50%;left:50%}.tarot-card.interactive{cursor:pointer}.tarot-card.interactive:hover,.tarot-card.interactive:focus-visible{translate:0 -14px}.tarot-card.decor{pointer-events:none;opacity:.45;filter:saturate(.55)}.card-shake{transform-style:preserve-3d;position:absolute;inset:0}.tarot-card.interactive .card-shake{animation:7.5s ease-in-out infinite cardIdleJump;animation-delay:var(--jump-delay,0s)}@keyframes cardIdleJump{0%,87%,to{transform:translateY(0)}90%{transform:translateY(-16px)}93%{transform:translateY(0)}96%{transform:translateY(-7px)}98.5%{transform:translateY(0)}}.tarot-card.interactive:hover .card-shake,.tarot-card.interactive:focus-visible .card-shake{animation:.55s ease-in-out infinite cardWiggle}@keyframes cardWiggle{0%,to{transform:rotate(0)translateY(-6px)}25%{transform:rotate(-3deg)translateY(-12px)}75%{transform:rotate(3deg)translateY(-12px)}}.card-back{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 32px #00000059,0 0 0 2px #9adfe826}.tarot-card.interactive .card-back{animation:2.4s ease-in-out infinite cardGlow}@keyframes cardGlow{0%,to{box-shadow:0 0 20px #f06a9e47,0 0 0 2px #f06a9e38}50%{box-shadow:0 0 44px #f06a9e8c,0 0 0 3px #f06a9e6b}}.tarot-card.interactive:hover .card-back,.tarot-card.interactive:focus-visible .card-back{box-shadow:0 16px 56px #f06a9e8c, 0 0 0 3px var(--clay);animation:none}.card-back-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.stars{opacity:.6;background-image:radial-gradient(1px 1px at 20% 30%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#ffffffb3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 60% 20%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 80%,#fff9 0%,#0000 100%),radial-gradient(2px 2px at 10% 80%,#9adfe8cc 0%,#0000 100%),radial-gradient(1px 1px at 90% 10%,#ffffffb3 0%,#0000 100%);background-size:200px 200px,150px 150px,180px 180px,220px 220px,160px 160px,190px 190px;animation:3s ease-in-out infinite twinkle;position:absolute;inset:0}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.9}}.border-frame{pointer-events:none;border:1.5px solid #9adfe84d;border-radius:12px;position:absolute;inset:8px}.corner{color:#9adfe880;font-size:14px;line-height:1;position:absolute}.corner-tl{top:-7px;left:-5px}.corner-tr{top:-7px;right:-5px}.corner-bl{bottom:-7px;left:-5px}.corner-br{bottom:-7px;right:-5px}.back-symbol{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.halo{background:radial-gradient(circle,#f06a9e40 0%,#0000 70%);border-radius:50%;animation:2.4s ease-in-out infinite haloPulse;position:absolute;inset:-16px}@keyframes haloPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.symbol{color:var(--latte);text-shadow:0 0 20px #9adfe899;font-size:40px;animation:3s ease-in-out infinite symbolFloat}@keyframes symbolFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-number{color:#9adfe880;letter-spacing:.1em;font-size:13px;font-weight:900;position:absolute;bottom:14px;right:16px}.expanded-view{width:100%;padding-bottom:60px}.mini-deck{flex-wrap:wrap;justify-content:center;gap:16px;padding:20px 0 32px;display:flex}.mini-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);border:1.5px solid #9adfe840;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:100px;transition:transform .3s,box-shadow .3s;animation:2.4s ease-in-out infinite miniGlow;display:flex}.mini-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f06a9e4d}.mini-card[aria-pressed=true]{border-color:var(--clay);transform:translateY(-8px)scale(1.05);box-shadow:0 12px 32px #f06a9e73}@keyframes miniGlow{0%,to{box-shadow:0 0 10px #f06a9e33}50%{box-shadow:0 0 20px #f06a9e73}}.mini-number{color:#9adfe899;letter-spacing:.05em;font-size:14px;font-weight:900}.mini-symbol{color:var(--latte);font-size:18px}.chapter-content{max-width:640px;margin:0 auto;padding:0 16px}.chapter-frame{border:2.5px solid var(--ink);background:var(--white);border-radius:20px;position:relative;overflow:hidden}.chapter-frame:before{content:"";border:1.5px solid color-mix(in srgb, var(--clay) 40%, transparent);pointer-events:none;border-radius:14px;position:absolute;inset:10px}.chapter-header{justify-content:center;align-items:center;gap:10px;padding:26px 28px 0;display:flex}.chapter-symbol{color:var(--clay);font-size:24px}.chapter-title{color:var(--ink);font-size:28px;font-weight:900}.chapter-body{color:var(--ink);padding:16px 30px 30px;font-size:15px;line-height:1.9}.chapter-body p{opacity:.85}.chapter-hint{text-align:center;opacity:.5;margin-top:18px;font-size:.78rem;font-weight:600}.stack-grid{flex-wrap:wrap;gap:10px;padding-top:8px;display:flex}.stack-grid .br-chip{font-size:.9rem}.hl-pink{text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:.16em;text-decoration-thickness:.16em;transition:text-decoration-thickness .15s}.hl-pink:hover{text-decoration-thickness:.24em}.hl-gradient{background:linear-gradient(100deg, var(--sage-dark), var(--clay));-webkit-text-fill-color:transparent;color:#0000;background-clip:text;font-weight:700}.cv-h2{border-bottom:2.5px solid var(--ink);margin-top:2.6rem;margin-bottom:1rem;padding-bottom:.4rem;font-size:1.35rem;font-weight:900}.cv-h2:before{content:"▸ ";color:var(--clay)}.cv-item{border-left:3px solid color-mix(in srgb, var(--clay) 45%, transparent);margin-bottom:1.4rem;padding-left:1rem}.cv-role{font-size:1.02rem;font-weight:800}.cv-org{color:var(--sage);margin-top:2px;font-size:.9rem;font-weight:600}.cv-period{opacity:.55;margin-top:2px;font-size:.8rem;font-weight:600}.cv-desc{opacity:.78;margin-top:.5rem;font-size:.88rem;font-weight:500;line-height:1.8}.cv-skill-cat{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:.9rem 0 .5rem;font-size:.78rem;font-weight:700}@media (width<=640px){.fan-view{height:460px}.fan-deck{width:100%}.tarot-card{width:150px;height:240px;margin:-120px 0 0 -75px}.mini-card{width:58px;height:80px}.chapter-title{font-size:22px}}@media (prefers-reduced-motion:reduce){.mode-toggle-card,.tarot-card.interactive .card-shake,.tarot-card.interactive .card-back,.mini-card,.stars,.halo,.symbol{animation:none!important}}