:root{--bg-primary-light:#fff;--bg-secondary-light:#f8f9fa;--text-primary-light:#1e1e1e;--text-secondary-light:#4b5563;--accent-gradient-light:linear-gradient(135deg,#4f46e5,#7c3aed);--card-bg-light:#fff;--card-border-light:#e5e7eb;--card-shadow-light:rgba(0,0,0,.1);--bg-primary-dark:#1e1e1e;--bg-secondary-dark:#252526;--text-primary-dark:#d4d4d4;--text-secondary-dark:#858585;--accent-gradient-dark:linear-gradient(135deg,#6366f1,#8b5cf6);--card-bg-dark:#2d2d2d;--card-border-dark:#404040;--card-shadow-dark:rgba(0,0,0,.3)}[data-theme=light]{--bg-primary:var(--bg-primary-light);--bg-secondary:var(--bg-secondary-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--accent-gradient:var(--accent-gradient-light);--card-bg:var(--card-bg-light);--card-border:var(--card-border-light);--card-shadow:var(--card-shadow-light)}[data-theme=dark]{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--accent-gradient:var(--accent-gradient-dark);--card-bg:var(--card-bg-dark);--card-border:var(--card-border-dark);--card-shadow:var(--card-shadow-dark)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}*{scrollbar-color:var(--text-secondary) var(--bg-secondary);scrollbar-width:thin}.App{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.App-content{display:flex;flex:1 1;flex-direction:column}.MuiGrid-container{flex:1 1}.left-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--card-border);height:100%;justify-content:space-between}.bottom-icons,.left-sidebar,.top-icons{display:flex;flex-direction:column}.grid-container{height:calc(100vh - 26px)}.grid-container>.MuiGrid-item:last-child{display:flex;flex:inherit}.icon-wrapper svg{color:var(--text-secondary);transition:color .2s ease}.icon-wrapper:hover svg path{fill:var(--text-primary)!important}.icon-wrapper span{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:10px;transition:color .2s ease;width:24px}.icon-wrapper:hover span{color:var(--text-primary)}.icon-wrapper:hover{background-color:var(--card-bg);border-radius:6px;box-shadow:0 2px 8px var(--card-shadow);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.icon-wrapper:hover span,.icon-wrapper:hover svg{-webkit-transform:scale(1.05);transform:scale(1.05)}.folder svg{flex-shrink:0;height:16px;width:16px}.middle-explorer{background-color:var(--bg-secondary);border-right:1px solid var(--card-border);color:var(--text-primary);min-width:200px;overflow-y:auto;padding:15px}.explorer-header{color:var(--text-secondary);font-size:18px;font-weight:700;margin-bottom:10px}.explorer-search input{background:var(--bg-primary);border:none;border-radius:4px;color:var(--text-primary);margin-bottom:10px;padding:8px}.explorer-content .file,.explorer-content .folder{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;padding:5px 3px;transition:background-color .2s ease}.explorer-content .file:hover,.explorer-content .folder:hover{background-color:var(--card-bg)}.explorer-content .file span,.explorer-content .folder span{margin-left:8px}.file-under-src{padding:4px 3px 4px 20px!important}.file.active-file{background-color:var(--card-bg);color:var(--text-primary)}.chevron{color:var(--text-secondary);cursor:pointer;margin-right:5px}.content{background:var(--bg-primary);display:flex;flex-direction:column;width:100%}.main-content{flex-grow:1}.content-container{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px var(--card-shadow);height:100%;margin:20px;overflow-x:hidden;overflow-y:auto;padding:20px}.tabs-header-container{background:var(--bg-secondary);border-bottom:1px solid var(--card-border)}.tabs-header{box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;height:35px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.tab{align-items:center;background-color:var(--bg-primary);border-radius:3px;border-right:1px solid var(--card-border);color:var(--text-secondary);display:flex;left:auto;padding-left:10px;transition:all .2s ease}.tab>span{margin:0 5px}.tab>svg{height:16px;margin-right:5px;width:16px}.tab>svg.close-tab{cursor:pointer}.hidden{visibility:hidden}.active{background-color:var(--bg-secondary);border-top:.2em solid var(--accent-color);color:var(--text-primary)}.content-container-mobile{margin:0}.modern-view-wrapper{background:var(--bg-primary);min-height:100vh;position:relative;width:100%}.modern-toggle-button{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;box-shadow:0 2px 4px var(--card-shadow);color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:8px 16px;position:fixed;right:20px;top:20px;transition:all .2s ease;z-index:1000}.modern-toggle-button:hover{box-shadow:0 4px 8px var(--card-shadow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modern-toggle-button span{font-size:14px}@media (max-width:768px){.modern-toggle-button{padding:6px 12px}.modern-toggle-button span{display:none}.content-container{margin:10px;padding:10px}}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--card-border);bottom:0;color:var(--text-primary);display:flex;flex-shrink:0;font-size:12px;height:25px;justify-content:space-between;position:fixed;transition:all .3s ease;width:100%}.group-action,.right-sec{align-items:center;display:flex}.group-action{color:var(--text-secondary);padding:0 3px;transition:all .2s ease}.group-action>span{padding:0 5px}.group-action:hover{background-color:var(--card-bg);color:var(--text-primary);cursor:pointer}.green-icon{align-items:center;background-color:var(--accent-color);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:center;margin:0;width:35px}.other-icons{display:flex;padding:0 5px;width:auto}.app-footer p{margin:0}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}.icon-wrapper svg{cursor:pointer;height:24px;padding:10px;width:24px}.selected-icon{-webkit-tap-highlight-color:rgba(0,0,0,0);border-left:.2em solid #f78166}.icon-wrapper:hover svg path,.selected-icon-path{fill:var(--text-primary)!important}.login-container{background:linear-gradient(135deg,#667eea,#764ba2);left:0;min-height:100vh;position:fixed;top:0;width:100%;z-index:9999}.login-paper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:20px!important;box-shadow:0 15px 35px rgba(0,0,0,.1)!important}.lock-icon{color:#667eea;margin-bottom:1rem}.login-paper .MuiTextField-root{margin-top:1rem}.login-paper .MuiButton-root{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-weight:600;padding:12px;text-transform:none}.login-paper .MuiButton-root:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 5px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:all .3s ease}.login-paper .MuiAlert-root{border-radius:10px}@media (max-width:600px){.login-paper{margin:1rem}}.tab-content{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:2rem;transition:color .3s ease}.content-title{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:2rem}.content-category{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;margin-bottom:2.5rem;padding:2rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.content-category:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.content-category h2,.content-category h3,.content-category h4,.content-category h5{color:var(--text-primary);margin-bottom:1rem}.content-category h2{font-size:1.5rem}.content-category h3{color:var(--text-secondary);font-size:1.25rem}.content-category li,.content-category p,.content-category ul{color:var(--text-secondary);font-size:1rem;line-height:1.8}.content-category ul{list-style:none;padding-left:1.5rem}.content-category li{margin-bottom:.75rem;position:relative}.content-category li:before{color:var(--text-secondary);content:"•";font-size:1.2rem;left:-1.5rem;position:absolute}.bold-highlight{color:var(--text-primary);font-weight:500}.underscore-a{border-bottom:1px solid var(--text-secondary);color:var(--text-primary);padding-bottom:2px;text-decoration:none;transition:all .2s ease}.underscore-a:hover{border-bottom-color:var(--text-primary)}@media screen and (max-width:768px){.content-title{font-size:1.75rem;margin-bottom:1.5rem}.content-category{margin-bottom:1.5rem;padding:1.25rem}.content-category h2{font-size:1.25rem}.content-category h3{font-size:1.1rem}.content-category li,.content-category p,.content-category ul{font-size:.9rem;line-height:1.6}.company-logo{margin-right:8px;width:40px}}.calendar{background:#fff;box-sizing:border-box;height:100vh;margin:-2rem;padding:2rem;width:100%}.main-content:not(.content-container) .calendar{border-radius:0;height:calc(100vh - 35px);margin:0;padding:0;width:100%}.main-content:not(.content-container) .calendar iframe{border:none;height:100%;width:100%}.modern-container .calendar{border-radius:12px;height:calc(100vh - 4rem);margin:0;overflow:hidden;padding:0}.modern-container .calendar iframe{border-radius:12px;height:100%;width:100%}.highlight{color:#fff;font-weight:700}.content-category h2{align-items:center;display:flex;margin-bottom:10px}.company-logo{border-radius:12px;flex-shrink:0;height:60px;margin-right:15px;width:60px}.project-header{display:flex;justify-content:flex-start}.project-image{border-radius:12px;height:auto;margin-right:20px;width:70px}.project-link{color:inherit;text-decoration:none}.project-link:focus,.project-link:hover{text-decoration:underline}.random-user-generator-image{margin-top:5px;width:65px}.project-svg{height:50px;margin-right:10px;width:50px}@media (max-width:768px){.project-image{width:50px}}.parent-container{background-color:var(--bg-primary);height:100%}.overview-container,.parent-container{align-items:center;display:flex;justify-content:center}.overview-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);color:var(--text-primary);margin:2rem;max-width:900px;padding:2rem;width:100%}.image-container{margin:0 2rem 0 0}.image-container img{border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 4px 12px var(--card-shadow);max-width:250px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.image-container img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.info-container{color:var(--text-secondary);padding-left:20px}.info-container h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:1rem}.info-container p{line-height:1.6;margin:.75rem 0}.icons{display:flex;gap:1rem;margin-top:1.5rem}.icons a{color:var(--text-secondary);transition:color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,transform .2s ease;transition:color .2s ease,transform .2s ease,-webkit-transform .2s ease}.icons a:hover{color:var(--accent-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.overview-container{align-items:center;flex-direction:column;margin:1rem;padding:1.5rem;text-align:center}.image-container{margin:0 0 1.5rem}.image-container img{max-width:200px}.info-container{padding-left:0}.info-container h1{font-size:2rem}.info-container p{font-size:.9rem}.icons{justify-content:center}}.modern-container.light{--bg-primary:#fff;--bg-secondary:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--card-bg:#fff;--card-border:#e5e7eb;--hover-bg:#f9fafb;--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--glass-shadow:rgba(0,0,0,.1);--gradient-start:#4f46e5;--gradient-end:#7c3aed;--gradient-text:linear-gradient(135deg,#4f46e5,#7c3aed)}.modern-container.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--card-bg:#1e293b;--card-border:#334155;--hover-bg:#273548;--glass-bg:rgba(30,41,59,.2);--glass-border:hsla(0,0%,100%,.1);--glass-shadow:rgba(0,0,0,.2);--gradient-start:#6366f1;--gradient-end:#8b5cf6;--gradient-text:linear-gradient(135deg,#6366f1,#8b5cf6)}.modern-container{background:var(--bg-primary);color:var(--text-primary);display:flex;gap:2rem;min-height:100vh;opacity:0;overflow-x:hidden;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.modern-container.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.modern-container:before{background:linear-gradient(45deg,var(--bg-primary) 0,var(--bg-secondary) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.modern-container.dark:before{background:radial-gradient(circle at top right,#2d1f50 0,#1a1a1a 50%,#0f172a 100%);opacity:.7}.modern-container *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--glass-shadow);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.glass-card:hover{box-shadow:0 12px 48px var(--glass-shadow);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.glass-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:all .3s ease}.glass-button:hover{border-color:var(--gradient-start);box-shadow:0 4px 12px var(--glass-shadow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mobile-menu-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;cursor:pointer;display:none;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:.5rem;position:fixed;right:1rem;top:1rem;width:40px;z-index:1001}.mobile-menu-toggle span{background-color:var(--text-primary);display:block;height:2px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:24px}.menu-open .mobile-menu-toggle span:first-child{-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.menu-open .mobile-menu-toggle span:nth-child(3){-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}.side-navigation{-webkit-animation:slideIn .5s ease forwards;animation:slideIn .5s ease forwards;background:var(--bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;gap:2rem;height:100vh;padding:2rem;position:static;width:250px;z-index:10}.nav-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.theme-toggle,.vs-code-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.theme-toggle:hover,.vs-code-toggle:hover{box-shadow:0 4px 8px var(--card-shadow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-button{-webkit-animation:fadeSlideIn .5s ease forwards;animation:fadeSlideIn .5s ease forwards;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;opacity:0;padding:.75rem 1rem;text-align:left;-webkit-transform:translateX(-20px);transform:translateX(-20px);transition:all .3s ease}.nav-button:hover{-webkit-transform:translateX(4px);transform:translateX(4px)}.nav-button.active,.nav-button:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-button.active{border-left:3px solid var(--gradient-start);font-weight:500}.main-content{flex:1 1;max-width:1200px;overflow-y:auto;padding:2rem}.hero-section,.home-content{margin:0 auto;max-width:1200px;padding:2rem}.home-content{-webkit-animation:fadeUp .5s ease forwards;animation:fadeUp .5s ease forwards;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.home-content.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.profile-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-bottom:4rem;padding:3rem}.profile-container,.profile-content{align-items:center;display:flex;gap:3rem}.profile-image-wrapper{position:relative}.profile-image{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:var(--gradient-text);border:3px solid transparent;border-radius:50%;height:200px;object-fit:cover;padding:3px;width:200px}.profile-info{flex:1 1}.profile-info h1{font-size:2.5rem;margin:0 0 .5rem}.profile-info h2{color:var(--text-secondary);font-size:1.5rem;margin:0 0 1.5rem}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;margin-bottom:1rem}.section-title{margin-bottom:3rem;text-align:center}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border-radius:8px;padding:1rem;text-align:center}.stat-number{color:var(--text-primary);display:block;font-size:1.5rem;font-weight:600}.stat-label{color:var(--text-secondary);font-size:.875rem}.tech-stack{margin-bottom:2rem}.tech-stack h3{color:var(--text-primary);font-size:1.25rem;margin:1rem 0 .5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);font-size:.875rem;padding:.5rem 1rem}.social-links{display:flex;gap:1rem}.social-links a{color:var(--text-secondary);transition:color .2s ease}.social-links a:hover{color:var(--text-primary)}.timeline-section{margin:0 auto;max-width:800px;padding:2rem}.timeline{padding:2rem 0;position:relative}.timeline:before{background:var(--gradient-text);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.timeline-item{-webkit-animation:fadeSlideIn .5s ease forwards;animation:fadeSlideIn .5s ease forwards;margin-bottom:2rem;opacity:0;padding-left:2rem;position:relative;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.timeline-item:before{background:var(--gradient-start);border-radius:50%;content:"";height:10px;left:-4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px}.timeline-content{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;display:flex;gap:1.5rem;padding:1.5rem}.timeline-content .company-logo{border-radius:12px;height:60px;object-fit:cover;width:60px}.timeline-text h3{color:var(--text-primary);font-size:1.25rem;margin:0}.timeline-text h4{color:var(--text-secondary);margin:.5rem 0}.timeline-text p{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:768px){.modern-container{flex-direction:column}.mobile-menu-toggle{display:flex}.side-navigation{box-shadow:none;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:80%;z-index:1000}.side-navigation.menu-open{box-shadow:2px 0 8px var(--card-shadow);left:0}.main-content{margin-left:0;padding:5rem 1rem 1rem}.home-content{max-width:100vw;padding:.5rem}.hero-section{padding:.5rem}.profile-container{gap:1.5rem;margin-bottom:2rem;padding:1.2rem .5rem}.profile-container,.profile-content{align-items:center;flex-direction:column}.profile-content{gap:1.2rem;text-align:center}.profile-image{height:110px;margin:0 auto;width:110px}.profile-info h1{font-size:1.5rem}.profile-info h2{font-size:1.1rem;margin-bottom:1rem}.gradient-text{font-size:1.5rem;margin-bottom:.5rem}.stats-grid{gap:.5rem;grid-template-columns:1fr}.stats-grid,.tech-stack{margin-bottom:1rem}.tech-tags{flex-wrap:wrap;gap:.3rem;justify-content:center}.tech-tag{font-size:.8rem;padding:.3rem .7rem}.social-links{flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem;margin-top:1rem}.timeline-section{padding:.5rem}.modern-container *{transition:none!important}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeSlideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeSlideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--gradient-start),.4)}70%{box-shadow:0 0 0 10px rgba(var(--gradient-start),0)}to{box-shadow:0 0 0 0 rgba(var(--gradient-start),0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--gradient-start),.4)}70%{box-shadow:0 0 0 10px rgba(var(--gradient-start),0)}to{box-shadow:0 0 0 0 rgba(var(--gradient-start),0)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.itinerary-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);bottom:0;box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:0;margin:0;min-height:100vh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0}.itinerary-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);margin:0 auto;max-width:800px;padding:30px}.itinerary-header{margin-bottom:40px;text-align:center}.itinerary-title{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;font-size:3em;font-weight:300;letter-spacing:3px;margin-bottom:20px}.legend{grid-gap:15px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px;padding:25px}.legend-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;gap:12px;padding:10px 15px;transition:all .3s ease}.legend-item:hover{background:hsla(0,0%,100%,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.legend-dot{border-radius:50%;box-shadow:0 0 10px hsla(0,0%,100%,.3);flex-shrink:0;height:16px;width:16px}.g1{background-color:#4ade80}.g2{background-color:#38bdf8}.g3{background-color:#f87171}.ssa{background-color:#a78bfa}.inclusive{background-color:#fb923c}.itinerary-table{background:hsla(0,0%,100%,.02);border-radius:15px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1);overflow:hidden}.table-header{background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);font-size:1.1em;font-weight:600;letter-spacing:1px}.itinerary-row,.table-header{display:grid;grid-template-columns:200px 1fr;padding:20px 25px}.itinerary-row{border-bottom:1px solid hsla(0,0%,100%,.05);overflow:hidden;position:relative;transition:all .3s ease}.itinerary-row:hover{background:hsla(0,0%,100%,.05);-webkit-transform:translateX(5px);transform:translateX(5px)}.itinerary-row:before{background:var(--accent-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.itinerary-row:hover:before{opacity:1}.date{color:#e5e5e5;display:flex;flex-direction:column;font-size:1.05em;font-weight:500;gap:5px}.day{color:#a0a0a0;font-size:.9em}.activity{align-items:center;display:flex;font-size:1.05em;gap:15px;line-height:1.4}.activity-dot{border-radius:50%;box-shadow:0 0 8px hsla(0,0%,100%,.4);flex-shrink:0;height:12px;width:12px}.row-g1{--accent-color:#4ade80}.row-g2{--accent-color:#38bdf8}.row-g3{--accent-color:#f87171}.row-ssa{--accent-color:#a78bfa}.row-inclusive{--accent-color:#fb923c}.special-text{color:#f87171;font-weight:600}@media (max-width:768px){.itinerary-page{padding:10px}.itinerary-container{margin:0;padding:20px}.itinerary-title{font-size:2.2em;letter-spacing:2px}.legend{grid-template-columns:1fr}.table-header{display:none}.itinerary-row{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;display:block;margin-bottom:15px;padding:20px}.itinerary-row:hover{-webkit-transform:none;transform:none}.itinerary-row:before{display:none}.date{border-bottom:1px solid hsla(0,0%,100%,.15);font-size:1.1em;margin-bottom:15px;padding-bottom:15px}.activity{margin-top:0}}.fade-in{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.2ee70e86.css.map*/