.timeline-page{flex-direction:column;align-items:center;min-height:100vh;padding:6rem 1rem 4rem;display:flex;position:relative;overflow:hidden auto}.particles-container{z-index:-2;background:0 0;position:absolute;inset:0;overflow:hidden}.timeline-bg-video{object-fit:cover;z-index:1;opacity:.5;pointer-events:none;min-width:100vw;min-height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-video-overlay{z-index:2;pointer-events:none;background:linear-gradient(#050a1273 0%,#080f1af2 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.timeline-grain-layer{opacity:.08;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}.particles-container{z-index:4;pointer-events:none;background:0 0;position:fixed;inset:0;overflow:hidden}.particle{pointer-events:none;border-radius:50%;position:absolute}.timeline-header{text-align:center;z-index:10;max-width:800px;margin-bottom:4rem;position:relative}.timeline-wrapper{z-index:10;justify-content:center;width:100%;max-width:1520px;display:flex;position:relative}.timeline-tree{flex-direction:column;align-items:center;width:100%;display:flex}.timeline-alert{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#e0b84f2b,#0a0f1ae6);border:1px solid #e0b84fa6;border-radius:14px;width:min(980px,100% - 1.5rem);margin:0 0 2rem;padding:1.35rem 1.4rem;box-shadow:0 10px 34px #00000059,0 0 24px #e0b84f33}.timeline-alert h2{color:#f8df9d;font-family:var(--font-kufi),sans-serif;margin:0 0 .8rem;font-size:1.15rem}.timeline-alert p{color:#f1f5f9;margin:0;font-size:.97rem;line-height:1.8}.timeline-alert ul{gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.timeline-alert li{color:#dbe7f5;background:#0f172a80;border:1px solid #e0b84f3d;border-radius:10px;padding:.7rem .8rem;font-size:.94rem;line-height:1.7}.timeline-alert li strong{color:#ffe7aa}.timeline-phase{flex-direction:column;align-items:center;width:100%;display:flex}.timeline-phase.pt-0{padding-top:0}.timeline-node{text-align:center;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1ad9;border:1px solid #e0b84f66;border-radius:12px;flex-direction:column;align-items:center;width:260px;padding:1.2rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 8px 24px #00000080}.timeline-node:hover{border-color:#e0b84fcc;transform:translateY(-4px);box-shadow:0 12px 32px #e0b84f26}.node-cover{object-fit:cover;border:1px solid #ffffff0d;border-radius:8px;width:100%;height:140px;margin-bottom:1rem;box-shadow:0 4px 12px #0006}.node-secondary .node-cover{height:100px}.timeline-node .year{color:#f6d889;opacity:.9;margin-bottom:.3rem;font-family:monospace;font-size:.9rem;display:block}.timeline-node .name{font-family:var(--font-kufi),sans-serif;color:#fff;margin-bottom:.5rem;font-size:1.15rem;font-weight:600;display:block}.timeline-node .desc{color:#a0aec0;font-size:.85rem;line-height:1.5;display:block}.timeline-node .badge{color:#fff;white-space:nowrap;z-index:2;background:#2ea39a;border:1px solid #fff3;border-radius:12px;padding:.15rem .6rem;font-size:.75rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.node-secondary{width:210px;padding:.8rem}.node-secondary .name{font-size:1.05rem}.path-segment{justify-content:center;width:100%;display:flex;position:relative}.path-segment.flex-grow{flex-direction:column;flex-grow:1;align-items:center;display:flex}.vertical-line{background:#e0b84f99;width:2px;height:80px}.vertical-line.dotted{border-left:2px dashed #e0b84f99;background:0 0!important}.vertical-line.to-convergence{height:100px}.path-segment.flex-grow .vertical-line.to-convergence{flex-grow:1;height:auto;min-height:100px}.tall-line{height:340px}.side-branch{z-index:10;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side-branch.right-branch{left:calc(50% + 86px)}.side-branch.left-branch{right:calc(50% + 86px)}.branch-arm{border-top:2px dashed #e0b84f99;width:86px;height:0;position:absolute;top:50%}.side-branch.right-branch .branch-arm{right:100%}.side-branch.left-branch .branch-arm{left:100%}.timeline-branches{justify-content:center;gap:8.5rem;width:100%;margin:2rem 0;padding-top:2rem;display:flex;position:relative}.timeline-branches:before{content:"";background:#e0b84f99;width:912px;height:2px;position:absolute;top:0;left:calc(50% - 456px)}.branch-col{flex-direction:column;flex:0 0 320px;align-items:center;width:320px;display:flex;position:relative}.branch-col:before{content:"";background:inherit;width:2px;height:2rem;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.branch-title{font-weight:700;font-family:var(--font-kufi),sans-serif;color:#fff;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:0;padding:.5rem 1.5rem}.border-yellow .timeline-node{border-color:#e0b84f80}.border-yellow .timeline-node:hover{border-color:#e0b84f;box-shadow:0 0 20px #e0b84f33}.border-yellow .vertical-line{background:#e0b84f80}.border-yellow .branch-arm{border-color:#e0b84f80}.border-yellow.branch-arm{border-color:#e0b84f80!important}.border-purple .timeline-node,.border-purple .branch-title{border-color:#a855f780}.border-purple .timeline-node:hover{border-color:#a855f7;box-shadow:0 0 20px #a855f733}.border-purple .vertical-line,.border-purple:before{background:#a855f780}.border-purple .vertical-line.dotted{border-color:#a855f780}.border-blue .timeline-node,.border-blue .branch-title{border-color:#3b82f680}.border-blue .timeline-node:hover{border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.border-blue .vertical-line,.border-blue:before{background:#3b82f680}.border-blue .vertical-line.dotted{border-color:#3b82f680}.border-red .timeline-node,.border-red .branch-title{border-color:#ef444480}.border-red .timeline-node:hover{border-color:#ef4444;box-shadow:0 0 20px #ef444433}.border-red .vertical-line,.border-red:before{background:#ef444480}.border-red.branch-arm{border-color:#ef444480!important}.border-red .vertical-line.dotted{border-color:#ef444480}.border-brown{border-color:#b4530999!important}.border-brown:hover{border-color:#d97706!important;box-shadow:0 0 20px #d9770633!important}.split-label,.convergence-point{justify-content:center;align-items:center;width:100%;margin:1rem 0;display:flex;position:relative}.split-label span,.convergence-point span{color:#f6d889;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#e0b84f33,#e0b84f0d);border:1px solid #e0b84f80;border-radius:30px;padding:.6rem 2rem;font-size:1.1rem;font-weight:700}.convergence-point{margin-top:1rem;margin-bottom:0}.convergence-point:before{content:"";border-top:2px dashed #e0b84f99;width:912px;height:2px;position:absolute;top:-1rem;left:calc(50% - 456px)}@media (max-width:1050px){.timeline-branches{flex-direction:column;align-items:center;gap:4rem}.timeline-branches:before,.convergence-point:before,.branch-col:before{display:none}}@media (max-width:800px){.path-segment{flex-direction:column;align-items:center;height:auto}.path-segment .vertical-line{height:30px}.tall-line{height:30px!important}.side-branch{flex-direction:column;margin:0;position:static;transform:none}.side-branch.right-branch,.side-branch.left-branch{flex-direction:column;left:auto;right:auto}.branch-arm{border-top:none;border-left:2px dashed #e0b84f99;width:2px;height:25px;position:static;left:auto;right:auto}}