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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fdf8f0;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.App{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}#intro-container{transition:transform .3s ease,opacity .3s ease;width:50vw}.trophy-container{align-items:center;display:flex;flex-direction:row;padding-right:3vw;transition:transform .3s ease}.trophy-image{height:15rem}.trophy-brace,.trophy-image{transition:transform .3s ease}.trophy-brace{color:#9a1a21;display:flex;font-size:14rem;padding-bottom:5vh}.trophy-container:hover .trophy-image{transform:scale(1.2)}.trophy-container:hover .trophy-brace.left{transform:translateX(-25%)}.trophy-container:hover .trophy-brace.right{transform:translateX(25%)}.trophy-container:hover+#intro-container{opacity:1;transform:translateX(20px)}.header{background-color:#fff;box-shadow:0 2px 6px #0000001a;height:5.5rem;padding:1.5rem;position:sticky;text-align:center;top:0;transition:transform .3s ease-in-out;z-index:1000}.header-visible{transform:translateY(0)}.header-hidden{transform:translateY(-100%)}.header h1{font-size:2.3rem;margin:0}.header nav{margin-top:.5rem}.header a{color:#333;font-weight:500;height:100%;margin:0 1rem}.header a,a{text-decoration:none}a{color:#fff}.section{font-size:1.5rem;padding:3rem 1.5rem}.section h2{font-size:2.5rem;margin-top:0}.footer{background-color:#fff;border-top:1px solid #ddd;margin-top:auto;padding:1rem;text-align:center;z-index:1000}.red-brace{color:#9a1a21;font-size:2.7rem;font-weight:650}#top{align-items:center}#top,.link-buttons{display:flex;justify-content:center}.link-buttons{gap:2rem;margin-top:1.5rem}.link-button{background-color:#9a1a21;border-radius:8px;color:#fff;font-size:1.3rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .2s,background-color .2s}.link-button:hover{background-color:#7c151b;transform:scale(1.05)}.features-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:2rem}.feature-box{background-color:#fff7eb;border-radius:8px;box-shadow:0 4px 12px #0000000d;flex:1 1 30%;min-width:250px;padding:2rem;text-align:center}.feature-box h3{font-size:1.75rem;margin-bottom:.5rem}.feature-box hr{border:1px solid #9a1a21;margin:1rem auto;width:90%}.feature-box p{color:#555;font-size:1.1rem}.learn-more-link{display:flex;justify-content:center;margin-top:2rem}button{background-color:#9a1a21;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:.25rem;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#7c151b}.main-nav{align-items:center;background:#fff;display:flex;justify-content:space-between;width:100%}.nav-links{display:flex;gap:14px}.nav-links a{color:#000;text-decoration:none}.nav-links a:hover{color:#7c151b}.nav-auth{align-items:center;display:flex;gap:10px}.user-info{color:#000;font-size:14px}.auth-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-modal{background:#fff;border-radius:8px;max-width:500px;padding:2rem;position:relative;width:90%;z-index:2000}.auth-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:12px;transition:color .2s ease;width:30px}.auth-close-btn:hover{background-color:#f0f0f0;color:#000}.auth-input{border:1px solid #ccc;border-radius:6px;display:block;font-size:14px;margin:10px 0;padding:10px;transition:border-color .2s ease;width:100%}.auth-input:focus{border-color:#9a1a21;outline:none}.auth-btn{background-color:#9a1a21;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:10px;transition:background-color .2s ease;width:100%}.auth-btn:hover{background-color:#81171c}.auth-link-btn{background:none;border:none;color:#9a1a21;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.auth-link-btn:hover{color:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.signup-trigger{background-color:#9a1a21;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:background-color .2s ease}.signup-trigger:hover{background-color:#81171c}.about-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:900px;padding:2rem 1rem}.about-intro{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.about-section{align-items:center;display:flex;gap:1.5rem;margin-bottom:3rem}.about-section.inline{flex-wrap:wrap}.about-section.reverse{flex-direction:row-reverse}.about-image-inline{border-radius:8px;box-shadow:0 4px 12px #0000001a;flex:1 1 300px;height:auto;max-width:350px;object-fit:cover;width:100%}.about-text{flex:2 1 500px}.about-text h3{font-size:1.8rem;margin-bottom:.6rem}.about-text p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.about-conclusion{border-top:1px solid #ccc;font-size:1.1rem;font-weight:600;margin-top:2rem;padding-top:1rem;text-align:center}.about-container{background-color:#fff;border-radius:8px;box-shadow:15px 0 30px -20px #0000001a,-15px 0 30px -20px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}@media (max-width:768px){.about-section{text-align:center}.about-section,.about-section.reverse{flex-direction:column!important}.about-image-inline{margin:0 auto 1.5rem;max-width:90%}.about-text{flex:initial}}.leaderboard-wrapper{display:flex;justify-content:center;margin-top:20px}.leaderboard-table{border-collapse:collapse;font-size:1.1rem;max-width:800px;width:80%}.leaderboard-table td,.leaderboard-table th{border:1px solid #ddd;padding:12px;text-align:center}.leaderboard-table th{background-color:#f5f5f5;font-weight:700}.leaderboard-table tr.even{background-color:#fafafa}.leaderboard-table tr.odd{background-color:#fff}.leaderboard-table tr.highlight{background-color:#ffeb9a;font-weight:700}.leaderboard-table tr:hover{background-color:#f1f1f1;cursor:default}.events-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.event-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;padding:15px;text-align:center;transition:all .3s ease;width:30%}.event-card:hover{transform:scale(1.03)}.event-image{border-radius:8px;height:auto;margin-bottom:10px;object-fit:cover;width:100%}.event-card.expanded{align-items:flex-start;flex:1 1 100%;max-width:800px;text-align:left;width:100%}.event-card.expanded .event-image{height:220px}.event-card.expanded .extra-content{color:#333;font-size:1rem;margin-top:15px}.workshops-page{box-sizing:border-box;margin-left:60px;padding:0 5%;transition:margin-left .3s ease}.workshops-page.sidebar-open{margin-left:280px}.main-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.05rem;line-height:1.4;margin:0 auto;max-width:calc(100% - 60px);padding:20px}.main-content p{font-size:1rem;line-height:1.5;margin-bottom:1rem}.main-content li{font-size:1rem;line-height:1.2;margin-bottom:.3rem}.main-content h2{font-size:2.1rem;margin-bottom:1rem;margin-top:2rem}.main-content h3{font-size:1.4rem;margin-bottom:.8rem;margin-top:1.5rem}.main-content h4{font-size:1.2rem;margin-bottom:.6rem;margin-top:1rem}.main-content div[style*=background-color] li,.main-content div[style*=background-color] p,.main-content div[style*=backgroundColor] li,.main-content div[style*=backgroundColor] p{font-size:.95rem;line-height:1}.main-content div[style*=background-color] h4,.main-content div[style*=backgroundColor] h4{font-size:1.1rem;margin-bottom:.5rem}.main-content code{font-size:.9rem;padding:.1rem .3rem}.main-content h1{border-bottom:1px solid #ccc;font-size:2.3rem;margin-bottom:1rem;margin-top:0}#workshop-top,.main-content h1{text-align:center}#workshop-top-mid{align-items:center;display:inline-flex;gap:1rem;justify-content:center;margin-top:.5rem}#workshop-top-mid p{line-height:1;margin:0}.download-btn{background-color:#2980b9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:.5rem 1rem}@media (max-width:1200px){.workshops-page{margin-left:40px}.main-content{max-width:calc(100% - 40px)}}@media (max-width:768px){.workshops-page{margin-left:0;padding:0 3%}.main-content{max-width:100%;padding:15px}}.sidebar{align-items:center;background-color:#fff7eb;border-right:2px solid #e0d2b3;box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;height:86%;left:0;overflow-x:hidden;overflow-y:hidden;position:fixed;top:8.5rem;transition:width .3s ease,top .3s ease-in-out,height .3s ease-in-out;width:60px;z-index:999}.sidebar.open{overflow-y:auto;width:280px}.toggle-button{background-color:#9a1a21;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;margin:10px 0;transition:background-color .5s;width:40px}.sidebar.open .toggle-button{transform:translateX(260%)}.toggle-button:hover{background-color:#7c151b}.sidebar-item{border-bottom:1px solid #f1e5c7;color:#333;cursor:pointer;font-weight:500;padding:1rem;text-align:left;transition:background-color .2s}.sidebar-item:hover{background-color:#fdf8f0}.sidebar-content{font-size:1rem;margin-right:500px;margin-top:20px;transition:.3s ease;width:100%}.sidebar.open .sidebar-content{margin-right:0}.lesson-link.active{background-color:#9a1a21!important;color:#fff!important;font-weight:700}.lesson-link.active:hover{background-color:#7c151b!important}.sidebar-item.active{background-color:#9a1a21;color:#fff;font-weight:700}.header-hidden~* .sidebar{height:100%;top:0}.sidebar-title{border-bottom:2px solid #e0d2b3;color:#9a1a21;font-weight:700;padding:1rem;text-align:center}.category-title{background-color:#f1e5c7;color:#9a1a21;font-size:.9rem;font-weight:700;padding:.8rem 1rem}.lesson-list,.sidebar-item{display:flex;flex-direction:column}.lesson-link,.sidebar-link{border-bottom:1px solid #f1e5c7;color:#333;display:block;font-size:.85rem;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .2s}.lesson-link:hover,.sidebar-link:hover{background-color:#fdf8f0}.lesson-link.active,.sidebar-item.active .sidebar-link{background-color:#9a1a21;color:#fff;font-weight:700}.lesson-link.active:hover,.sidebar-item.active .sidebar-link:hover{background-color:#7c151b}#flagform{align-items:center;display:flex;gap:8px;justify-content:center}form input{border:1px solid #ccc;border-radius:4px;outline:none;padding:6px 10px}form button{background-color:#9a1a21;background-color:#81171c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:6px 12px;transition:background-color .2s ease}form p{color:#333;font-size:.9rem;margin-left:10px}a{color:purple;font-weight:700}
/*# sourceMappingURL=main.1f226588.css.map*/