@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--color-bg: #05080f;--color-surface: rgba(15, 20, 40, .65);--color-cyan: #00e5ff;--color-magenta: #ff0080;--color-independence: #00e5ff;--color-crisis: #ff3d00;--color-revolution: #ffab00;--color-modern: #76ff03;--font-heading: "Orbitron", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:#fff;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:120%;height:100%;background:radial-gradient(ellipse 50% 30% at 30% 20%,rgba(0,229,255,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 30% at 70% 80%,rgba(255,0,128,.06) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff66}::selection{background:#00e5ff4d;color:#fff}.header{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;overflow:hidden}.header__content{max-width:800px}.header__language-switch{position:fixed;z-index:10;top:28px;right:28px;display:flex;gap:6px;padding:5px;border:1px solid rgba(0,229,255,.2);border-radius:999px;background:#05080f8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 24px #00e5ff14}.header__language-button{border:0;border-radius:999px;padding:7px 12px;background:transparent;color:#ffffff7a;cursor:pointer;font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:1px;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.header__language-button:hover,.header__language-button[data-active=true]{background:var(--color-cyan);color:#001015;box-shadow:0 0 16px #00e5ff59}.header__badge{display:inline-block;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;letter-spacing:6px;color:var(--color-cyan);border:1px solid rgba(0,255,255,.3);padding:6px 20px;border-radius:999px;margin-bottom:28px;text-shadow:0 0 10px var(--color-cyan);box-shadow:0 0 20px #00ffff1a}.header__title{margin:0;display:flex;flex-direction:column;gap:8px;align-items:center}.header__title-line{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.header__title-line--kg{background:linear-gradient(135deg,var(--color-cyan),#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,255,255,.4))}.header__title-line--me{background:linear-gradient(135deg,var(--color-magenta),#f48fb1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,0,128,.4))}.header__title-ampersand{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:300;color:#ffffff4d}.header__subtitle{font-size:1.05rem;color:#ffffff73;line-height:1.7;max-width:500px;margin:24px auto 40px}.header__legend{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.header__legend-section{display:flex;flex-direction:column;gap:10px;align-items:center}.header__legend-label{font-size:.85rem;font-weight:600;color:#fff9}.header__legend-items{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.header__legend-item{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:999px;background:var(--c);color:#000;opacity:.85}.header__scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff4d;font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.header__scroll-indicator svg{opacity:.4}@media(max-width:640px){.header__language-switch{top:16px;right:16px}}.timeline-event{--accent: var(--color-cyan);position:relative;width:45%;padding:0 20px;box-sizing:border-box}.timeline-event--left{align-self:flex-start;text-align:right}.timeline-event--right{align-self:flex-end;text-align:left}.timeline-event__card{position:relative;background:#0f1428b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;cursor:default}.timeline-event__card:hover{border-color:var(--accent, var(--color-cyan));box-shadow:0 0 30px -5px var(--accent, var(--color-cyan)),inset 0 0 30px -10px #ffffff08}.timeline-event__glow{position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle at center,var(--accent, var(--color-cyan)) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;mix-blend-mode:overlay}.timeline-event__card:hover .timeline-event__glow{opacity:.08}.timeline-event__header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.timeline-event--left .timeline-event__header{justify-content:flex-end}.timeline-event__icon{font-size:1.6rem;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.timeline-event__date{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:var(--accent, var(--color-cyan));letter-spacing:1px;text-shadow:0 0 10px var(--accent, var(--color-cyan))}.timeline-event__badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding:3px 10px;border-radius:999px;color:#000;opacity:.9}.timeline-event__title{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.5}.timeline-event__description{font-size:.9rem;color:#fff9;line-height:1.65;margin:0}.timeline-event__connector{position:absolute;top:50%;width:40px;height:2px;opacity:.5}.timeline-event--left .timeline-event__connector{right:-40px}.timeline-event--right .timeline-event__connector{left:-40px}@media(max-width:768px){.timeline-event{width:85%;padding:0 10px}.timeline-event--left,.timeline-event--right{align-self:flex-end;text-align:left}.timeline-event--left .timeline-event__header{justify-content:flex-start}.timeline-event--left .timeline-event__connector{left:-30px;right:unset}.timeline-event--right .timeline-event__connector{left:-30px}.timeline-event__connector{width:25px}}.timeline{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;padding:60px 0 120px;max-width:1100px;margin:0 auto}.timeline__year-group{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.timeline__spine{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ffffff0f;z-index:1}.timeline__spine-fill{width:100%;background:linear-gradient(180deg,var(--color-cyan) 0%,var(--color-magenta) 100%);box-shadow:0 0 16px var(--color-cyan),0 0 40px var(--color-magenta);border-radius:0 0 4px 4px}.timeline__year-marker{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%}.timeline__year-dot{width:14px;height:14px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan),0 0 24px var(--color-cyan);animation:pulse 2.5s ease-in-out infinite}.timeline__year-label{position:absolute;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;color:#ffffff80;letter-spacing:3px;top:22px;text-shadow:0 0 8px rgba(0,255,255,.3)}@keyframes pulse{0%,to{box-shadow:0 0 12px var(--color-cyan),0 0 24px var(--color-cyan);transform:scale(1)}50%{box-shadow:0 0 20px var(--color-cyan),0 0 40px var(--color-cyan);transform:scale(1.3)}}@media(max-width:768px){.timeline__spine{left:24px;transform:none}.timeline__year-marker{justify-content:flex-start;padding-left:18px}.timeline__year-label{left:36px;top:50%;transform:translateY(-50%)}}