@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Quicksand:wght@300;400;500;600;700&display=swap);.skip-link{background:#000;border-radius:6px;color:#fff;left:8px;padding:8px 12px;position:absolute;top:-40px;z-index:2000}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #ff8c42;outline-offset:2px}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-family:Quicksand,sans-serif!important;margin:0;padding:0}*{font-family:inherit}.modern-navbar{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border-bottom:1px solid #00000014!important;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1100}.modern-navbar.dark-mode{background:#1a1a2ef2!important;border-bottom:1px solid #ffffff1a!important}.navbar-toolbar{flex-wrap:nowrap;justify-content:space-between;min-height:70px!important;overflow:hidden;padding:.75rem 0!important}.navbar-brand,.navbar-toolbar{align-items:center;display:flex}.navbar-brand{flex-shrink:0;gap:.75rem;margin-right:1rem;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:Patrick Hand,cursive!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.5px}.modern-navbar.dark-mode .brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:.25rem;margin-left:auto;margin-right:1rem}.nav-item{border-radius:12px!important;color:#2c3e50!important;font-size:.875rem!important;font-weight:500!important;min-width:auto!important;padding:.4rem .75rem!important;position:relative;text-transform:none!important;transition:all .3s ease!important;white-space:nowrap}.modern-navbar.dark-mode .nav-item{color:#fff!important}.nav-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.modern-navbar.dark-mode .nav-item:before{background:linear-gradient(135deg,gold,orange)}.nav-item:hover{background:#667eea1a!important;transform:translateY(-2px)}.modern-navbar.dark-mode .nav-item:hover{background:#ffd70026!important}.nav-item:hover:before{width:80%}.nav-item-active{background:#667eea26!important;color:#667eea!important;font-weight:600!important}.modern-navbar.dark-mode .nav-item-active{background:#ffd70033!important;color:gold!important}.nav-item-active:before{width:80%!important}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:auto}.nav-action-icon{color:#2c3e50!important;transition:all .3s ease!important}.modern-navbar.dark-mode .nav-action-icon{color:#fff!important}.nav-action-icon:hover{background:#667eea1a!important;transform:rotate(15deg) scale(1.1)}.modern-navbar.dark-mode .nav-action-icon:hover{background:#ffd70026!important}.nav-login-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:25px!important;box-shadow:0 4px 15px #667eea4d!important;color:#fff!important;font-weight:600!important;padding:.5rem 1.5rem!important;text-transform:none!important;transition:all .3s ease!important}.modern-navbar.dark-mode .nav-login-button{background:linear-gradient(135deg,gold,orange)!important;box-shadow:0 4px 15px #ffd7004d!important;color:#000!important}.nav-login-button:hover{box-shadow:0 6px 20px #667eea66!important;transform:translateY(-2px)}.modern-navbar.dark-mode .nav-login-button:hover{box-shadow:0 6px 20px #ffd70066!important}.mobile-menu-button{color:#2c3e50!important}.modern-navbar.dark-mode .mobile-menu-button{color:#fff!important}.mobile-drawer-wrapper .MuiDrawer-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-right:1px solid #00000014;width:280px}.mobile-drawer-wrapper.dark-mode .MuiDrawer-paper{background:#1a1a2efa;border-right:1px solid #ffffff1a}.mobile-drawer{display:flex;flex-direction:column;height:100%}.drawer-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 1rem}.mobile-drawer-wrapper.dark-mode .drawer-header{background:linear-gradient(135deg,gold,orange);color:#000}.drawer-title{font-family:Patrick Hand,cursive!important;font-size:1.25rem!important;font-weight:700!important}.mobile-drawer .MuiListItemButton-root{padding:1rem 1.5rem!important;transition:all .3s ease}.mobile-drawer .MuiListItemButton-root:hover{background:#667eea1a!important;padding-left:2rem!important}.mobile-drawer-wrapper.dark-mode .MuiListItemButton-root:hover{background:#ffd70026!important}.drawer-item-active{background:#667eea26!important;border-left:4px solid #667eea}.mobile-drawer-wrapper.dark-mode .drawer-item-active{background:#ffd70033!important;border-left-color:gold}.drawer-icon{color:#667eea;margin-right:1rem}.mobile-drawer-wrapper.dark-mode .drawer-icon{color:gold}.drawer-footer{border-top:1px solid #00000014;display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem}.mobile-drawer-wrapper.dark-mode .drawer-footer{border-top-color:#ffffff1a}.theme-toggle-button{border-color:#667eea4d!important;color:#667eea!important;text-transform:none!important}.mobile-drawer-wrapper.dark-mode .theme-toggle-button{border-color:#ffd7004d!important;color:gold!important}.login-button-mobile{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;text-transform:none!important}.mobile-drawer-wrapper.dark-mode .login-button-mobile{background:linear-gradient(135deg,gold,orange)!important;color:#000!important}@media (max-width:1200px){.nav-item{font-size:.8rem!important;padding:.35rem .6rem!important}.navbar-menu{gap:.15rem;margin-right:.75rem}}@media (max-width:960px){.brand-text{font-size:1.3rem!important}.nav-item{font-size:.75rem!important;padding:.3rem .5rem!important}.navbar-menu{gap:.1rem;margin-right:.5rem}}@media (max-width:768px){.brand-text{font-size:1.25rem!important}.navbar-toolbar{min-height:60px!important;padding:.5rem 0!important}}@media (max-width:480px){.brand-text{font-size:1.1rem!important}.navbar-toolbar{min-height:56px!important;padding:.5rem 0!important}.mobile-menu-button{padding:.5rem!important}}.modern-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:3rem 0 1rem;position:relative;transition:all .3s ease}.modern-footer.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.modern-footer:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='100' height='100'%3E%3Ccircle cx='20' cy='20' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='80' cy='40' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='40' cy='80' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='90' cy='90' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.footer-section{margin-bottom:2rem;position:relative;z-index:1}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-family:Patrick Hand,cursive!important;font-size:1.8rem;font-weight:700!important;margin-bottom:1rem}.footer-description{color:#fff;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;text-shadow:0 1px 2px #0000004d}.footer-stats{display:flex;flex-wrap:wrap;gap:.5rem}.footer-stats .MuiChip-root{background:#fff3;border:1px solid #ffffff4d;color:#fff;font-weight:500;transition:all .3s ease}.footer-stats .MuiChip-root:hover{background:#ffffff4d;transform:scale(1.05)}.footer-subtitle{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #0000004d}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#fff!important;font-weight:500;position:relative;text-decoration:none!important;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.footer-link:before{background:linear-gradient(135deg,gold,orange);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:gold!important;transform:translateX(5px)}.footer-link:hover:before{width:100%}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;display:flex;gap:.75rem;transition:all .3s ease}.contact-item:hover{transform:translateX(5px)}.contact-icon{color:gold;font-size:1.2rem}.contact-item .MuiTypography-root{color:#fff;font-weight:500;text-shadow:0 1px 2px #0000004d}.theme-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:1.5rem;padding:1rem}.theme-switch .MuiSwitch-switchBase{color:gold}.theme-switch .MuiSwitch-track{background-color:#ffffff4d!important}.theme-switch .MuiSwitch-switchBase.Mui-checked{color:gold}.theme-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#ffd70080!important}.theme-label{color:#fff!important;font-weight:500;text-shadow:0 1px 2px #0000004d}.footer-divider{background:#fff3;height:1px;margin:2rem 0 1rem}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;position:relative;z-index:1}.footer-bottom-left{flex:1 1}.copyright{align-items:center;color:#fff;display:flex;gap:.5rem;text-shadow:0 1px 2px #0000004d}.heart-icon{animation:heartbeat 2s ease-in-out infinite;color:#ff6b9d;font-size:1rem}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-bottom-right{align-items:center;display:flex}.social-links{display:flex;gap:.5rem}.social-button{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important;height:40px!important;transition:all .3s ease!important;width:40px!important}.social-button.youtube:hover{background:red!important;box-shadow:0 4px 15px #f006;color:#fff!important;transform:scale(1.1) rotate(5deg)}@media (max-width:768px){.modern-footer{padding:2rem 0 1rem}.footer-title{font-size:1.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-left{order:2}.footer-bottom-right{order:1}.footer-stats,.social-links{justify-content:center}.theme-toggle{margin-top:1rem;padding:.75rem}}@media (max-width:480px){.modern-footer{padding:1.5rem 0 1rem}.footer-title{font-size:1.3rem}.footer-description{font-size:.9rem}.footer-subtitle{font-size:1rem}.contact-item{gap:.5rem}.contact-icon{font-size:1rem}.social-button{height:35px!important;width:35px!important}.theme-toggle{padding:.5rem}}.footer-section{animation:fadeInUp .6s ease-out}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.footer-section:hover{transform:translateY(-2px)}.modern-footer.dark-mode .footer-description{color:#fff}.modern-footer.dark-mode .footer-link{color:#fff!important}.modern-footer.dark-mode .contact-item .MuiTypography-root{color:#fff}.modern-footer.dark-mode .theme-label{color:#fff!important}.modern-footer.dark-mode .copyright{color:#fff}.App{display:flex;flex-direction:column;min-height:100vh;transition:all .3s ease}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}body.dark-mode .MuiCard-root,body.dark-mode .MuiPaper-root{background:#1e1e32f2!important;color:#fff!important}body.dark-mode .MuiTextField-root .MuiOutlinedInput-root{background:#ffffff1a;color:#fff!important}body.dark-mode .MuiButton-root,body.dark-mode .MuiChip-root,body.dark-mode .MuiTextField-root .MuiInputLabel-root,body.dark-mode .MuiTypography-root{color:#fff!important}body:not(.dark-mode){background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#000}body:not(.dark-mode) .MuiCard-root,body:not(.dark-mode) .MuiPaper-root{background:#fffffff2!important;color:#000!important}body:not(.dark-mode) .MuiTextField-root .MuiOutlinedInput-root{background:#ffffffe6;color:#000!important}body:not(.dark-mode) .MuiButton-root,body:not(.dark-mode) .MuiChip-root,body:not(.dark-mode) .MuiTextField-root .MuiInputLabel-root,body:not(.dark-mode) .MuiTypography-root{color:#000!important}@media (max-width:768px){.App{padding:0}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #4a90e280}50%{box-shadow:0 0 20px #4a90e2cc}}.modern-button{overflow:hidden;position:relative;transition:all .3s ease}.modern-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modern-button:hover:before{left:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:40px;width:40px}.floating-element{animation:float 6s ease-in-out infinite}.floating-element:nth-child(2){animation-delay:-2s}.floating-element:nth-child(3){animation-delay:-4s}.sparkle{animation:sparkle 2s ease-in-out infinite;background:gold;border-radius:50%;height:4px;position:absolute;width:4px}.sparkle:first-child{animation-delay:0s;left:10%;top:20%}.sparkle:nth-child(2){animation-delay:.5s;left:80%;top:60%}.sparkle:nth-child(3){animation-delay:1s;left:50%;top:40%}.sparkle:nth-child(4){animation-delay:1.5s;left:20%;top:80%}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,#4a90e2,#ff6b9d,#4caf50);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.bounce{animation:bounce 2s infinite}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);background-size:200% 100%}.glow{box-shadow:0 0 20px #4a90e280;transition:box-shadow .3s ease}.glow:hover{box-shadow:0 0 30px #4a90e2cc}.scale-in{animation:scaleIn .5s ease-out}.slide-up{animation:slideUp .6s ease-out}.rotate{animation:rotate 2s linear infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.story-card-animate{animation:fadeInUp .8s ease-out}.story-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.story-card-hover:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.button-pulse{animation:pulse 2s infinite}.button-bounce{animation:bounce 1s infinite}.loading-fade{animation:fadeInUp .5s ease-out}.loading-spin{animation:spin 1s linear infinite}.nav-slide-in{animation:slideIn .6s ease-out}.nav-fade-in{animation:fadeInUp .4s ease-out}.hero-float{animation:float 8s ease-in-out infinite}.hero-sparkle{animation:sparkle 3s ease-in-out infinite}.chip-bounce{animation:bounce .6s ease-out}.chip-pulse{animation:pulse 1.5s infinite}.search-focus{transition:all .3s ease}.search-focus:focus{box-shadow:0 0 20px #4a90e24d;transform:scale(1.02)}.footer-fade-in{animation:fadeInUp 1s ease-out}@media (max-width:768px){.floating-element{animation-duration:4s}.hero-float{animation-duration:6s}.story-card-hover:hover{transform:translateY(-4px) scale(1.01)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.c45fe777.css.map*/