@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.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)}}:root{--primary-color:#3b82f6;--secondary-color:#2563eb;--accent-color:#60a5fa;--light-color:#f0f9ff;--dark-color:#1e3a8a;--transition-speed:0.4s;--glass-bg:#ffffff1f;--glass-border:#ffffff2e;--box-shadow:0 8px 32px 0 #1f268726;--navbar-height:80px;--navbar-height-scrolled:65px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}body{font-family:Poppins,sans-serif}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a,#2563eb);background:linear-gradient(135deg,var(--dark-color) 0,var(--secondary-color) 100%);box-shadow:0 5px 20px #00000026;display:flex;font-size:clamp(.9rem,2vw,1.2rem);height:80px;height:var(--navbar-height);justify-content:center;position:sticky;top:0;transition:all .5s ease;width:100%;z-index:999}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1d3b82f2;height:65px;height:var(--navbar-height-scrolled)}.navbar-container{height:100%;justify-content:space-between;max-width:1500px;padding:0 max(15px,3%);width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#f0f9ff;color:var(--light-color);cursor:pointer;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;justify-self:start;letter-spacing:.5px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-speed) cubic-bezier(.175,.885,.32,1.275)}.navbar-logo i{color:#60a5fa;color:var(--accent-color);font-size:clamp(1.4rem,3vw,1.8rem);margin-right:12px;transition:all .4s ease;transition:all var(--transition-speed) ease}.navbar-logo:hover{text-shadow:0 0 10px #ffffff80;transform:scale(1.05)}.navbar-logo:hover i{color:#fff;transform:rotate(10deg) scale(1.1)}.nav-menu{align-items:center;display:flex;gap:clamp(4px,1vw,8px);justify-content:flex-end;list-style:none;margin-right:clamp(.5rem,2vw,1.5rem)}.nav-item{height:80px;height:var(--navbar-height)}.nav-item,.nav-links{align-items:center;display:flex;position:relative}.nav-links{color:#f0f9ff;color:var(--light-color);font-weight:500;height:100%;letter-spacing:.3px;padding:.5rem clamp(.7rem,1.5vw,1.2rem);text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-links:before{background:#60a5fa;background:var(--accent-color);border-radius:3px;bottom:22px;bottom:calc(var(--navbar-height)*.275);content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .35s cubic-bezier(.65,0,.35,1);width:0}.nav-links:hover{color:#fff;transform:translateY(-2px)}.nav-links:hover:before{width:70%}.nav-item.active .nav-links:before{background:#fff;width:70%}.btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:30px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500;padding:clamp(8px,2vw,10px) clamp(16px,3vw,24px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all var(--transition-speed) cubic-bezier(.175,.885,.32,1.275)}.btn:hover{background:#fff;box-shadow:0 8px 20px #0003;color:#2563eb;color:var(--secondary-color);transform:translateY(-3px)}.menu-icon{color:#f0f9ff;color:var(--light-color);display:none;font-size:1.8rem;transition:all .3s ease}.btn-quit{background:linear-gradient(135deg,#ff4d4d,#ff1a1a);border:none;border-radius:30px;box-shadow:0 4px 12px #f003;color:#fff;cursor:pointer;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500;padding:clamp(8px,2vw,10px) clamp(16px,3vw,24px);transition:all .4s ease-in-out;transition:all var(--transition-speed) ease-in-out}.btn-quit:hover{background:linear-gradient(135deg,#ff1a1a,#b30000);box-shadow:0 8px 20px #f006;transform:translateY(-3px) scale(1.05)}@media screen and (max-width:960px){.nav-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#2563eb,#1e3a8a);background:linear-gradient(180deg,var(--secondary-color) 0,var(--dark-color) 100%);display:flex;flex-direction:column;height:100vh;left:-100%;opacity:0;padding-top:40px;position:absolute;top:80px;top:var(--navbar-height);transition:all .5s cubic-bezier(.645,.045,.355,1);width:100%}.nav-menu.active{animation:fadeIn .5s ease forwards;left:0;opacity:1;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-item{height:auto;margin:12px 0;opacity:0;transform:translateY(20px);transition:all .5s ease}.nav-menu.active .nav-item{opacity:1;transform:translateY(0);transition-delay:calc(.1s*var(--i))}.nav-links{display:flex;font-size:1.2rem;justify-content:center;padding:1.5rem;text-align:center;width:100%}.nav-links:before{bottom:15px}.navbar-logo{left:0;position:absolute;top:0;transform:translate(25%,50%)}.menu-icon{cursor:pointer;display:block;position:absolute;right:0;top:0;transform:translate(-100%,60%);z-index:10}.menu-icon:hover{color:#fff;transform:translate(-100%,60%) scale(1.1)}.btn{display:none}.nav-links-mobile{align-items:center;display:flex;justify-content:center;margin-top:10px}.nav-links-mobile .btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;width:100%}.nav-links-mobile .btn:hover{background-color:#0056b3}}@media screen and (max-width:480px){.navbar-container{padding:0 10px}.navbar-logo{font-size:1.4rem;transform:translate(15%,50%)}.nav-links-mobile{font-size:1.1rem;padding:14px 16px;width:90%}}@media screen and (min-width:1600px){.navbar-container{max-width:1800px;padding:0 50px}.nav-menu{gap:15px}}@media screen and (max-width:768px){.navbar-container{flex-direction:column}.nav-menu{display:none}.nav-menu.active{display:flex;flex-direction:column;width:100%}.nav-links-mobile{margin-top:20px}.nav-links-mobile .btn{padding:10px 15px;width:auto}}.notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:5px solid;border-radius:12px;box-shadow:0 10px 25px #00000026;color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;max-width:400px;opacity:1;padding:16px 24px;position:fixed;right:20px;top:20px;transform-origin:top right;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);z-index:1000}.notification.show{animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) forwards}.notification.hide{animation:slide-out-top .5s cubic-bezier(.55,.085,.68,.53) forwards}.notification.info{background:linear-gradient(145deg,#2196f3,#0d47a1);border-left-color:#1565c0;box-shadow:0 8px 20px #2196f34d}.notification.success{background:linear-gradient(145deg,#4caf50,#1b5e20);border-left-color:#2e7d32;box-shadow:0 8px 20px #4caf504d}.notification.error{background:linear-gradient(145deg,#f44336,#b71c1c);border-left-color:#c62828;box-shadow:0 8px 20px #f443364d}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-20px) scale(.9)}70%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-out-top{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@media (max-width:576px){.notification{left:10px;max-width:none;right:10px;top:10px}}
/*# sourceMappingURL=main.c1ed1295.css.map*/