@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--radius: .5rem ;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8% }}:root{--primary-color: #0a2540;--accent-color: #00a8e8;--white: #ffffff;--light-gray: #f5f5f7;--dark-gray: #333333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-color);color:var(--white);overflow-x:hidden}.App{position:relative}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;overflow:hidden}.section-content{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}@media (min-width: 768px){.section-content{flex-direction:row;align-items:center;justify-content:space-between}}.text-container{max-width:600px;margin-bottom:40px}@media (min-width: 768px){.text-container{margin-bottom:0;margin-right:40px;flex:1}}.quote{font-size:24px;line-height:1.4;font-weight:300;font-style:italic;margin-bottom:20px;color:var(--accent-color)}@media (min-width: 768px){.quote{font-size:32px}}.description{font-size:16px;line-height:1.6;margin-bottom:30px}@media (min-width: 768px){.description{font-size:18px}}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent-color);transform-origin:0%;z-index:1000}img{max-width:100%;height:auto}.cta-button{display:inline-block;background-color:var(--accent-color);color:var(--white);padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:500;font-size:16px;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 6px #0000001a}.cta-button:hover{background-color:#0090c5;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.data-tooltip,.timeline-tooltip{position:absolute;background-color:#0a2540e6;border:1px solid var(--accent-color);border-radius:8px;padding:10px;width:200px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.data-point:hover .data-tooltip,.timeline-point:hover .timeline-tooltip{opacity:1}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-color)}50%{box-shadow:0 0 20px var(--accent-color),0 0 30px var(--accent-color)}to{box-shadow:0 0 5px var(--accent-color)}}.glow{animation:glow 2s infinite}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.parallax-bg{width:100%;height:100%;object-fit:cover;opacity:.8}.hero-content{position:relative;z-index:1;max-width:800px;padding:20px}.hero-title{font-size:48px;font-weight:700;margin-bottom:20px;background:linear-gradient(to right,#fff,#00a8e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-subtitle{font-size:24px;font-weight:400;margin-bottom:40px;color:var(--light-gray);max-width:600px;margin-left:auto;margin-right:auto}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--light-gray);font-size:14px}.scroll-indicator span{margin-bottom:8px}@media (max-width: 768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}}@media (max-width: 480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}}.world-section{background-color:var(--primary-color);position:relative}.world-section .section-content{padding:60px 20px}.map-container{position:relative;width:100%;max-width:600px;margin-top:40px}@media (min-width: 768px){.map-container{margin-top:0;flex:1}}.world-map{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.map-highlight{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#00a8e880;box-shadow:0 0 15px var(--accent-color)}.map-highlight-1{top:30%;left:25%}.map-highlight-2{top:40%;left:50%}.map-highlight-3{top:35%;left:75%}@media (max-width: 768px){.world-section .section-content{flex-direction:column}.text-container{margin-bottom:40px}}.timeline-section{background-color:var(--primary-color);position:relative}.timeline-section .section-content{padding:60px 20px}.timeline-container{position:relative;width:100%;max-width:600px;margin-top:40px}@media (min-width: 768px){.timeline-container{margin-top:0;flex:1}}.timeline-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.timeline-point{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color);cursor:pointer}.timeline-point-1{top:40%;left:15%}.timeline-point-2{top:40%;left:38%}.timeline-point-3{top:40%;left:62%}.timeline-point-4{top:40%;left:85%}.timeline-tooltip{position:absolute;top:-80px;left:50%;transform:translate(-50%);background-color:#0a2540e6;border:1px solid var(--accent-color);border-radius:8px;padding:10px;width:200px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.timeline-point:hover .timeline-tooltip{opacity:1}.timeline-tooltip h4{margin-bottom:5px;color:var(--accent-color)}.timeline-tooltip p{font-size:14px;margin:0}@media (max-width: 768px){.timeline-section .section-content{flex-direction:column}.text-container{margin-bottom:40px}.timeline-tooltip{width:150px;top:-70px}}.mind-section{background-color:var(--primary-color);position:relative}.mind-section .section-content{padding:60px 20px}.mind-image-container{position:relative;width:100%;max-width:600px;margin-top:40px}@media (min-width: 768px){.mind-image-container{margin-top:0;flex:1}}.mind-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.mind-connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.concept{position:absolute;background-color:#0a2540cc;border:1px solid var(--accent-color);border-radius:8px;padding:10px 15px;cursor:pointer;z-index:2}.concept span{color:var(--white);font-weight:500}.concept-1{top:20%;left:15%}.concept-2{top:50%;left:50%;transform:translate(-50%)}.concept-3{top:70%;right:15%}@media (max-width: 768px){.mind-section .section-content{flex-direction:column}.text-container{margin-bottom:40px}.concept{padding:8px 12px}}.routine-section{background-color:var(--primary-color);position:relative}.routine-section .section-content{padding:60px 20px}.routine-image-container{position:relative;width:100%;max-width:600px;margin-top:40px}@media (min-width: 768px){.routine-image-container{margin-top:0;flex:1}}.routine-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.routine-item{position:absolute;background-color:#0a2540cc;border:1px solid var(--accent-color);border-radius:8px;padding:15px;width:200px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.routine-item:hover{box-shadow:0 0 15px var(--accent-color)}.routine-item h4{margin-bottom:5px;color:var(--accent-color)}.routine-item p{font-size:14px;margin:0}.routine-item-1{top:20%;left:10%}.routine-item-2{top:45%;left:50%;transform:translate(-50%)}.routine-item-3{top:70%;right:10%}@media (max-width: 768px){.routine-section .section-content{flex-direction:column}.text-container{margin-bottom:40px}.routine-item{width:150px;padding:10px}.routine-item-1{left:5%}.routine-item-3{right:5%}}.global-section{background-color:var(--primary-color);position:relative}.global-section .section-content{padding:60px 20px}.chart-container{position:relative;width:100%;max-width:600px;margin-top:40px}@media (min-width: 768px){.chart-container{margin-top:0;flex:1}}.chart-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #0000004d}.data-point{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color);cursor:pointer}.data-point-1{bottom:40%;left:15%}.data-point-2{bottom:50%;left:38%}.data-point-3{bottom:60%;left:62%}.data-point-4{bottom:70%;left:85%}.data-tooltip{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background-color:#0a2540e6;border:1px solid var(--accent-color);border-radius:8px;padding:10px;width:200px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.data-point:hover .data-tooltip{opacity:1}.data-tooltip h4{margin-bottom:5px;color:var(--accent-color)}.data-tooltip p{font-size:14px;margin:0}@media (max-width: 768px){.global-section .section-content{flex-direction:column}.text-container{margin-bottom:40px}.data-tooltip{width:150px}}.site-footer{background-color:var(--primary-color);padding:60px 20px;text-align:center;position:relative}.footer-content{max-width:800px;margin:0 auto}.footer-quote{margin-bottom:40px}.footer-quote blockquote{font-size:28px;font-style:italic;color:var(--accent-color);margin-bottom:10px}.call-to-action{margin-bottom:40px}.footer-info{font-size:14px;color:var(--light-gray);opacity:.7}.footer-info p{margin-bottom:10px}@media (max-width: 768px){.footer-quote blockquote{font-size:22px}}.main-navigation{position:fixed;top:0;left:0;width:100%;background-color:#0a2540e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:15px 0;box-shadow:0 2px 10px #0003}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-size:20px;font-weight:600;color:var(--white)}.logo a{color:var(--white);text-decoration:none;transition:color .3s ease}.logo a:hover{color:var(--accent-color)}.nav-links{display:flex;align-items:center}.nav-item{margin-left:20px;cursor:pointer}.nav-item a{color:var(--white);text-decoration:none;font-size:16px;transition:color .3s ease}.nav-item a:hover{color:var(--accent-color)}@media (max-width: 768px){.nav-container{flex-direction:column}.logo{margin-bottom:15px}.nav-links{width:100%;justify-content:space-between;flex-wrap:wrap}.nav-item{margin:5px;font-size:14px}}@media (max-width: 480px){.nav-links{flex-direction:column;align-items:center}.nav-item{margin:5px 0}}