:root{--hero-bg-light:linear-gradient(135deg,#667eea,#764ba2);--hero-text-color-light:#ffffff;--hero-overlay-light:rgba(255,255,255,0.1);--hero-heading-gradient-light:linear-gradient(45deg,#ff6b6b,#4ecdc4);--hero-typing-color-light:#333333;--hero-subtext-color-light:#555555;--hero-btn-bg-light:rgba(0,0,0,0.1);--hero-btn-color-light:#333333;--hero-btn-border-light:rgba(0,0,0,0.2);--hero-btn-hover-bg-light:rgba(0,0,0,0.2);--hero-btn-shadow-light:rgba(0,0,0,0.1);--hero-bg-dark:linear-gradient(135deg,#1a1a2e,#16213e);--hero-text-color-dark:#ffffff;--hero-overlay-dark:rgba(0,0,0,0.5);--hero-heading-gradient-dark:linear-gradient(45deg,#ff6b6b,#4ecdc4);--hero-typing-color-dark:#e0e0e0;--hero-subtext-color-dark:#b0b0b0;--hero-btn-bg-dark:rgba(255,255,255,0.1);--hero-btn-color-dark:#ffffff;--hero-btn-border-dark:rgba(255,255,255,0.2);--hero-btn-hover-bg-dark:rgba(255,255,255,0.2);--hero-btn-shadow-dark:rgba(0,0,0,0.5);--about-bg-light:#F0EFEF;--about-title-color-light:#192965;--journey-map-bg-light:#F0EFEF;--journey-map-shadow-light:rgba(0,0,0,0.08);--road-path-gradient-light:linear-gradient(180deg,#FAAFFF,#F0EFEF);--milestone-title-color-light:#192965;--milestone-glow-light:#FAAFFF;--details-panel-bg-light:#192965;--details-panel-shadow-light:rgba(0,0,0,0.1);--details-text-color-light:#F0EFEF;--details-heading-color-light:#F0EFEF;--details-date-color-light:#FAAFFF;--details-description-color-light:#F0EFEF;--close-button-color-light:#F0EFEF;--close-button-hover-color-light:#BBCFFF;--close-button-focus-color-light:#FAAFFF;--about-bg-dark:#1a1a2e;--about-title-color-dark:#e0e0e0;--journey-map-bg-dark:#2d2d44;--journey-map-shadow-dark:rgba(255,255,255,0.1);--road-path-gradient-dark:linear-gradient(180deg,#FAAFFF,#2d2d44);--milestone-title-color-dark:#e0e0e0;--milestone-glow-dark:#FAAFFF;--details-panel-bg-dark:#0f0f1e;--details-panel-shadow-dark:rgba(255,255,255,0.05);--details-text-color-dark:#e0e0e0;--details-heading-color-dark:#ffffff;--details-date-color-dark:#FAAFFF;--details-description-color-dark:#b0b0b0;--close-button-color-dark:#e0e0e0;--close-button-hover-color-dark:#ffffff;--close-button-focus-color-dark:#FAAFFF;--hero-bg:var(--hero-bg-light);--hero-text-color:var(--hero-text-color-light);--hero-overlay:var(--hero-overlay-light);--hero-heading-gradient:var(--hero-heading-gradient-light);--hero-typing-color:var(--hero-typing-color-light);--hero-subtext-color:var(--hero-subtext-color-light);--hero-btn-bg:var(--hero-btn-bg-light);--hero-btn-color:var(--hero-btn-color-light);--hero-btn-border:var(--hero-btn-border-light);--hero-btn-hover-bg:var(--hero-btn-hover-bg-light);--hero-btn-shadow:var(--hero-btn-shadow-light);--about-bg:var(--about-bg-light);--about-title-color:var(--about-title-color-light);--journey-map-bg:var(--journey-map-bg-light);--journey-map-shadow:var(--journey-map-shadow-light);--road-path-gradient:var(--road-path-gradient-light);--milestone-title-color:var(--milestone-title-color-light);--milestone-glow:var(--milestone-glow-light);--details-panel-bg:var(--details-panel-bg-light);--details-panel-shadow:var(--details-panel-shadow-light);--details-text-color:var(--details-text-color-light);--details-heading-color:var(--details-heading-color-light);--details-date-color:var(--details-date-color-light);--details-description-color:var(--details-description-color-light);--close-button-color:var(--close-button-color-light);--close-button-hover-color:var(--close-button-hover-color-light);--close-button-focus-color:var(--close-button-focus-color-light)}[data-theme=dark]{--hero-bg:var(--hero-bg-dark);--hero-text-color:var(--hero-text-color-dark);--hero-overlay:var(--hero-overlay-dark);--hero-heading-gradient:var(--hero-heading-gradient-dark);--hero-typing-color:var(--hero-typing-color-dark);--hero-subtext-color:var(--hero-subtext-color-dark);--hero-btn-bg:var(--hero-btn-bg-dark);--hero-btn-color:var(--hero-btn-color-dark);--hero-btn-border:var(--hero-btn-border-dark);--hero-btn-hover-bg:var(--hero-btn-hover-bg-dark);--hero-btn-shadow:var(--hero-btn-shadow-dark);--about-bg:var(--about-bg-dark);--about-title-color:var(--about-title-color-dark);--journey-map-bg:var(--journey-map-bg-dark);--journey-map-shadow:var(--journey-map-shadow-dark);--road-path-gradient:var(--road-path-gradient-dark);--milestone-title-color:var(--milestone-title-color-dark);--milestone-glow:var(--milestone-glow-dark);--details-panel-bg:var(--details-panel-bg-dark);--details-panel-shadow:var(--details-panel-shadow-dark);--details-text-color:var(--details-text-color-dark);--details-heading-color:var(--details-heading-color-dark);--details-date-color:var(--details-date-color-dark);--details-description-color:var(--details-description-color-dark);--close-button-color:var(--close-button-color-dark);--close-button-hover-color:var(--close-button-hover-color-dark);--close-button-focus-color:var(--close-button-focus-color-dark)}[data-theme=light]{--hero-bg:var(--hero-bg-light);--hero-text-color:var(--hero-text-color-light);--hero-overlay:var(--hero-overlay-light);--hero-heading-gradient:var(--hero-heading-gradient-light);--hero-typing-color:var(--hero-typing-color-light);--hero-subtext-color:var(--hero-subtext-color-light);--hero-btn-bg:var(--hero-btn-bg-light);--hero-btn-color:var(--hero-btn-color-light);--hero-btn-border:var(--hero-btn-border-light);--hero-btn-hover-bg:var(--hero-btn-hover-bg-light);--hero-btn-shadow:var(--hero-btn-shadow-light);--about-bg:var(--about-bg-light);--about-title-color:var(--about-title-color-light);--journey-map-bg:var(--journey-map-bg-light);--journey-map-shadow:var(--journey-map-shadow-light);--road-path-gradient:var(--road-path-gradient-light);--milestone-title-color:var(--milestone-title-color-light);--milestone-glow:var(--milestone-glow-light);--details-panel-bg:var(--details-panel-bg-light);--details-panel-shadow:var(--details-panel-shadow-light);--details-text-color:var(--details-text-color-light);--details-heading-color:var(--details-heading-color-light);--details-date-color:var(--details-date-color-light);--details-description-color:var(--details-description-color-light);--close-button-color:var(--close-button-color-light);--close-button-hover-color:var(--close-button-hover-color-light);--close-button-focus-color:var(--close-button-focus-color-light)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html{scroll-behavior:smooth}body,html{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{min-height:100vh;padding:6rem 0;background-color:var(--bg-primary);transition:background-color .3s ease}.section:nth-child(2n){background-color:var(--bg-secondary)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 6px var(--shadow-light);transition:all .3s ease}.card:hover{box-shadow:0 10px 25px var(--shadow-medium);transform:translateY(-2px)}.btn{background-color:var(--accent-color);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block}.btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 5px 15px var(--shadow-medium)}.btn-outline{background-color:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:white}.heading-primary{font-size:3rem;font-weight:800;line-height:1.2}.heading-primary,.heading-secondary{color:var(--text-primary);margin-bottom:1rem}.heading-secondary{font-size:2.5rem;font-weight:700;line-height:1.3}.heading-tertiary{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.heading-tertiary,.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}input,select,textarea{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;font-size:1rem;transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@media (max-width:768px){.container{padding:0 1rem}.section{padding:4rem 0}.heading-primary{font-size:2.5rem}.heading-secondary{font-size:2rem}.card{padding:1.5rem}}@media (max-width:480px){.heading-primary{font-size:2rem}.heading-secondary{font-size:1.75rem}.card{padding:1rem}}