.about-page{max-width:850px;margin:0 auto;padding:60px 20px;line-height:1.7;color:#f5f7fa;font-family:system-ui,-apple-system,sans-serif}.about-header{margin-bottom:50px;border-bottom:1px solid rgba(201,210,220,.2);padding-bottom:30px}.back-link{display:inline-flex;align-items:center;margin-bottom:20px;color:#3abeff;text-decoration:none;font-weight:600;font-size:.95rem}.back-link:hover{color:#3abeff;text-decoration:underline}.about-header h1{margin:0;font-size:3rem;color:#f5f7fa;letter-spacing:-.025em}.about-content .lead{font-size:1.5rem;color:#f5f7fa;font-weight:500;line-height:1.4;margin-bottom:25px}.about-section{margin-top:50px;margin-bottom:50px}.about-section h2{font-size:1.875rem;color:#f5f7fa;margin-bottom:25px;border-bottom:2px solid #3ABEFF;display:inline-block;padding-bottom:4px}.about-section h3{font-size:1.25rem;color:#c9d2dc;margin-top:30px;margin-bottom:10px;font-weight:700}.about-content p{font-size:1.125rem;margin-bottom:20px}.about-content ul{margin-bottom:25px;padding-left:20px}.about-content li{font-size:1.125rem;margin-bottom:10px;list-style-type:disc}.terms-page{max-width:850px;margin:0 auto;padding:60px 20px;line-height:1.7;color:#f5f7fa;font-family:system-ui,-apple-system,sans-serif}.terms-header{margin-bottom:50px;border-bottom:1px solid rgba(201,210,220,.2);padding-bottom:30px}.terms-header .back-link{display:inline-flex;align-items:center;margin-bottom:20px;color:#3abeff;text-decoration:none;font-weight:600;font-size:.95rem}.terms-header .back-link:hover{color:#3abeff;text-decoration:underline}.terms-header h1{margin:0;font-size:3rem;color:#f5f7fa;letter-spacing:-.025em}.terms-header .last-updated{margin-top:10px;font-size:.95rem;color:#c9d2dc}.terms-content .lead{font-size:1.25rem;color:#f5f7fa;font-weight:500;line-height:1.5;margin-bottom:35px}.terms-section{margin-top:40px;margin-bottom:40px}.terms-section h2{font-size:1.5rem;color:#f5f7fa;margin-bottom:20px;border-bottom:2px solid #3ABEFF;display:inline-block;padding-bottom:4px}.terms-content p{font-size:1.05rem;margin-bottom:16px;color:#c9d2dc}.terms-content ul{margin-bottom:20px;padding-left:20px}.terms-content li{font-size:1.05rem;margin-bottom:10px;list-style-type:disc;color:#c9d2dc}.terms-footer-links{margin-top:60px;padding-top:30px;border-top:1px solid rgba(201,210,220,.2);display:flex;gap:30px}.terms-footer-links a{color:#3abeff;text-decoration:none;font-weight:600}.terms-footer-links a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0e1a2b;min-height:100vh;color:#f5f7fa}.app{max-width:800px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{font-size:3rem;font-weight:700;background:linear-gradient(180deg,#f5f7fa,#c9d2dc,#c9d2dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header p{color:#c9d2dc;font-size:1.1rem}.year-input{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.year-input-field{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.year-input-field label{font-size:.9rem;color:#c9d2dc}.year-input-field input{padding:1rem;font-size:1.5rem;text-align:center;border:2px solid rgba(201,210,220,.2);border-radius:8px;background:#0000004d;color:#f5f7fa;outline:none;transition:border-color .2s}.year-input-field input:focus{border-color:#3abeff}.year-input-field input::placeholder{color:#c9d2dc80}.validation-error{color:#e25a5a;font-size:.9rem}.year-input button{padding:.8rem 2rem;font-size:1rem;font-weight:600;color:#0e1a2b;background:#3abeff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,opacity .2s}.year-input button:hover:not(:disabled){transform:translateY(-2px)}.year-input button:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:40px;height:40px;border:3px solid rgba(201,210,220,.2);border-top-color:#3abeff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#c9d2dc}.error{text-align:center;padding:2rem;background:#e25a5a1a;border:1px solid rgba(226,90,90,.3);border-radius:8px}.error p{color:#e25a5a;margin-bottom:1rem}.error button{padding:.5rem 1rem;background:transparent;border:1px solid #E25A5A;color:#e25a5a;border-radius:4px;cursor:pointer;transition:background .2s}.error button:hover{background:#e25a5a1a}.no-events{text-align:center;padding:2rem;color:#c9d2dc}.events-list{background:#ffffff0d;border-radius:12px;padding:1.5rem}.events-list h2{font-size:1.5rem;margin-bottom:.5rem}.events-count{color:#c9d2dc;font-size:.9rem;margin-bottom:1.5rem}.events-list ul{list-style:none;display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.event-item{background:#0000004d;padding:1rem;border-radius:8px;border-left:3px solid #3ABEFF}.event-date{display:block;font-size:.85rem;color:#3abeff;font-weight:600;margin-bottom:.25rem}.event-description{font-size:.95rem;line-height:1.5;color:#f5f7fa}.events-list ul::-webkit-scrollbar{width:8px}.events-list ul::-webkit-scrollbar-track{background:#0003;border-radius:4px}.events-list ul::-webkit-scrollbar-thumb{background:#3abeff;border-radius:4px}@media (max-width: 600px){.app{padding:1rem}.app-header h1{font-size:2rem}.year-input-field input{font-size:1.2rem}}.year-knob-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;-webkit-user-select:none;user-select:none}.knob-instruction{color:#c9d2dc;font-size:.95rem;letter-spacing:.5px;margin-bottom:1.5rem;text-transform:lowercase}.year-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:2rem}.year-number{font-size:4.5rem;font-weight:300;color:#f5f7fa;letter-spacing:-2px;text-shadow:0 0 30px rgba(58,190,255,.3)}.year-suffix{font-size:1.5rem;color:#c9d2dc;font-weight:400}.knob-wrapper{position:relative;width:280px;height:280px;cursor:grab;touch-action:none}.knob-wrapper.dragging{cursor:grabbing}.knob-wrapper.disabled{opacity:.5;cursor:not-allowed}.knob-outer-ring{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(145deg,#c9d2dc1a,#0e1a2b,#0000004d);box-shadow:0 10px 40px #00000080,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d}.era-label{position:absolute;font-size:.65rem;color:#c9d2dc99;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.era-left{left:-10px;top:50%;transform:translateY(-50%) rotate(-90deg)}.era-right{right:-10px;top:50%;transform:translateY(-50%) rotate(90deg)}.era-bottom{bottom:10px;left:50%;transform:translate(-50%)}.knob-ring{position:absolute;border-radius:50%;pointer-events:none}.knob-ring-1{width:85%;height:85%;top:7.5%;left:7.5%;background:linear-gradient(145deg,#c9d2dc0d,#0006);box-shadow:inset 0 4px 8px #0006,inset 0 -2px 4px #ffffff0d}.knob-ring-2{width:70%;height:70%;top:15%;left:15%;background:radial-gradient(ellipse at 50% 0%,rgba(58,190,255,.1) 0%,transparent 50%),linear-gradient(145deg,#0e1a2b,#00000080);box-shadow:inset 0 4px 12px #00000080,0 2px 4px #3abeff1a}.knob-ring-3{width:55%;height:55%;top:22.5%;left:22.5%;background:radial-gradient(circle at 50% 30%,rgba(58,190,255,.15) 0%,transparent 60%),linear-gradient(180deg,#0000004d,#0009);box-shadow:inset 0 2px 8px #0009,0 0 20px #3abeff1a}.knob-dial{position:absolute;width:100%;height:100%;border-radius:50%;transition:transform .05s ease-out}.knob-indicator{position:absolute;top:15%;left:50%;transform:translate(-50%);width:4px;height:30px;background:linear-gradient(180deg,#3ABEFF 0%,#3ABEFF 60%,transparent 100%);border-radius:2px;box-shadow:0 0 10px #3abeff,0 0 20px #3abeff80}.knob-center{position:absolute;width:35%;height:35%;top:32.5%;left:32.5%;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(58,190,255,.3) 0%,transparent 70%),linear-gradient(180deg,#0000004d,#0009);box-shadow:0 0 30px #3abeff33,inset 0 2px 4px #3abeff33;display:flex;align-items:center;justify-content:center}.knob-center-icon{width:50%;height:50%;color:#3abeff;opacity:.8}.knob-center-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(58,190,255,.5))}.current-era{margin-top:1.5rem;font-size:.8rem;color:#c9d2dc80;letter-spacing:3px;text-transform:uppercase}.knob-flash{position:absolute;top:50%;left:50%;width:20%;height:20%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#3abeff,#3abeffcc 20%,#3abeff00 70%);animation:flashBurst .6s ease-out forwards;pointer-events:none}@keyframes flashBurst{0%{width:20%;height:20%;opacity:1;box-shadow:0 0 30px 15px #3abeffcc,0 0 60px 30px #3abeff80,0 0 100px 50px #3abeff4d}50%{width:150%;height:150%;opacity:.8;box-shadow:0 0 40px 20px #3abeff99,0 0 80px 40px #3abeff4d,0 0 120px 60px #3abeff1a}to{width:200%;height:200%;opacity:0;box-shadow:0 0 0 0 transparent}}.input-toggle{display:flex;gap:1rem;margin-bottom:2rem}.input-toggle button{padding:.5rem 1rem;font-size:.85rem;background:transparent;border:1px solid rgba(201,210,220,.2);color:#c9d2dc;border-radius:4px;cursor:pointer;transition:all .2s}.input-toggle button.active{border-color:#3abeff;color:#3abeff;background:#3abeff1a}.input-toggle button:hover:not(.active){border-color:#c9d2dc66;color:#f5f7fa}@media (max-width: 600px){.knob-wrapper{width:240px;height:240px}.year-number{font-size:3.5rem}.era-label{font-size:.55rem}}.world-map{width:100%;max-width:700px;margin:2rem auto;opacity:.7;transition:opacity .3s}.world-map:hover{opacity:.9}.world-map img{width:100%;height:auto;display:block}@media (max-width: 600px){.world-map{margin:1rem auto}}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:2rem}.landing-content{text-align:center}.landing-logo{max-width:500px;width:100%;height:auto;cursor:pointer;transition:transform .3s,filter .3s;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.landing-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(58,190,255,.3))}.landing-hint{margin-top:2rem;color:#c9d2dc;font-size:1rem;letter-spacing:2px;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.explore-page{max-width:800px;margin:0 auto}@media (max-width: 600px){.landing-logo{max-width:300px}.landing-hint{font-size:.85rem}}.app-footer{text-align:center;padding:2rem 0;margin-top:2rem;border-top:1px solid rgba(201,210,220,.1)}.app-footer p{color:#c9d2dc;font-size:.85rem;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:#c9d2dc;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#3abeff}@media (max-width: 600px){.footer-links{gap:1rem}.footer-links a{font-size:.8rem}}.interactive-map{position:relative;width:100%;max-width:700px;margin:2rem auto}.interactive-map .map-image{width:100%;height:auto;display:block;opacity:.8}.map-dots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.event-dot{position:absolute;width:16px;height:16px;background:#3abeff;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;box-shadow:0 0 10px #3abeffcc,0 0 20px #3abeff80;animation:dotPulse 2s ease-in-out infinite;transition:transform .2s,box-shadow .2s}.event-dot:hover{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 15px #3abeff,0 0 30px #3abeffb3}@keyframes dotPulse{0%,to{box-shadow:0 0 10px #3abeffcc,0 0 20px #3abeff80}50%{box-shadow:0 0 15px #3abeff,0 0 30px #3abeffb3,0 0 40px #3abeff66}}.event-dot-count{position:absolute;top:-8px;right:-8px;background:#e25a5a;color:#f5f7fa;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(145deg,#c9d2dc0d,#0e1a2b);border:1px solid rgba(58,190,255,.3);border-radius:12px;padding:1.5rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080,0 0 20px #3abeff33}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#c9d2dc;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s}.modal-close:hover{color:#f5f7fa}.modal-country{font-size:1.5rem;font-weight:600;color:#3abeff;margin-bottom:.25rem;display:block}.modal-event-count{color:#c9d2dc;font-size:.9rem;margin-bottom:1rem}.modal-events{list-style:none;display:flex;flex-direction:column;gap:.75rem}.modal-event-item{background:#0000004d;padding:1rem;border-radius:8px;border-left:3px solid #3ABEFF}.modal-event-date{display:block;font-size:.85rem;color:#3abeff;font-weight:600;margin-bottom:.25rem}.modal-event-description{font-size:.95rem;line-height:1.5;color:#f5f7fa}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#3abeff;border-radius:4px}@media (max-width: 600px){.event-dot{width:12px;height:12px}.event-dot-count{font-size:8px;min-width:14px;height:14px;top:-6px;right:-6px}.modal-content{padding:1rem}.modal-country{font-size:1.25rem}}