/* Sherbrooke [RE]CONNECTÉE - Main Stylesheet */
/* Full screen without borders */
*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;padding:0;display:flex;align-items:center;justify-content:center;padding-bottom:60px}.notebook-container{width:100%;height:100%;max-width:none;max-height:none;position:relative;margin-bottom:60px}
/* Custom animations */
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}
/* Slide transitions */
.slide{transition:all .5s cubic-bezier(.4,0,.2,1)}.slide-center{transform:translateX(0);opacity:1}.slide-in-left{transform:translateX(-100%);opacity:0}.slide-in-right{transform:translateX(100%);opacity:0}
/* Tab active state */
.tab-active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;transform:translateX(-8px) scale(1.05);box-shadow:0 8px 16px rgba(102,126,234,.3)}body{overflow:hidden}.notebook-shadow{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 10px rgba(0,0,0,.15),0 8px 30px rgba(0,0,0,.1)}.page-transition{transition:transform .5s ease-in-out,opacity .3s ease-in-out}.slide-in-right{transform:translateX(100%)}.slide-in-left{transform:translateX(-100%)}.slide-center{transform:translateX(0)}.tab-active{background:linear-gradient(135deg,#3B82F6,#1D4ED8);color:white;transform:translateX(-5px) scale(1.05);z-index:10}.hero-bg{background:linear-gradient(135deg,#1E40AF 0%,#3B82F6 50%,#60A5FA 100%)}.tab-btn{min-width:80px;border:2px solid transparent}.tab-btn:hover{border-color:rgba(59,130,246,.3)}
/* Bubble popup styles */
.bubble-popup{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.1) inset;transform:scale(.8) translateY(10px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bubble-popup.show{transform:scale(1) translateY(0);opacity:1}
/* Custom scrollbar for bubble content */
.bubble-content{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.bubble-content::-webkit-scrollbar{width:6px}.bubble-content::-webkit-scrollbar-track{background:transparent}.bubble-content::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.5);border-radius:3px}.bubble-content::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.8)}.bubble-popup::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.95);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.bubble-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.1)}
/* Hide old desktop navigation */
.absolute.right-4{display:none!important}
/* Hide footer stats on all devices to avoid overlap with menu */
.stats-item{display:none!important}
/* Hide the entire statistics footer containers */
.slide .absolute.bottom-0{display:none!important}
/* Optimized content spacing without right menu */
.slide .w-1\/2:last-child{padding:32px!important;padding-top:48px!important}
/* Mobile Responsive Styles */
@media (max-width:768px){.notebook-container{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important}.absolute.right-4{display:none}.slide .h-full.flex{flex-direction:column}.slide .w-1\/2{width:100%!important;height:auto!important}.slide .w-1\/2:first-child{height:40vh!important;min-height:250px}.slide .w-1\/2:last-child{height:auto!important;padding:16px!important;padding-top:24px!important;padding-bottom:180px!important;overflow-y:auto!important}.slide h2{font-size:1.5rem!important;line-height:1.3!important;margin-bottom:16px!important}.slide h3{font-size:1.1rem!important;line-height:1.4!important}.slide p{font-size:.9rem!important}.subsection-btn{padding:12px!important;margin-bottom:8px!important}.grid.grid-cols-3{grid-template-columns:1fr!important;gap:8px!important;text-align:left!important}#cover .text-xl{font-size:1.1rem!important}#cover .h-80{height:12rem!important}#cover button{font-size:1rem!important;padding:12px 24px!important}#cover .hero-bg{padding-bottom:180px!important}.grid.grid-cols-2,.grid.grid-cols-3{grid-template-columns:1fr!important}.test-bubble{width:95vw!important;max-width:95vw!important;max-height:90vh!important;left:2.5vw!important;top:5vh!important}.mt-6.p-6{margin-bottom:40px!important}}
@media (max-width:480px){.slide .w-1\/2:first-child{height:35vh!important;min-height:200px}.slide h2{font-size:1.3rem!important}}
/* Footer Styles */
footer{background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:10}
footer img{object-fit:contain}