.landing-page{position:relative;width:100%}.landing-page h1{margin-top:clamp(5rem,30vh,15rem);margin-bottom:clamp(2.5rem,15vh,8rem);font-size:clamp(5rem,10vw,8rem);font-family:New Rocker,cursive}.content-section{padding:4rem 2rem;text-align:center}.content-section p{max-width:800px;margin:0 auto;text-align:center}:root{--nav-light-color: #181421;--nav-dark-color: white}*{box-sizing:border-box}.home-navbar-container{display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:10;width:100%;position:fixed;padding-left:12px;padding-right:12px;padding-top:12px}.home_navbar{width:100%;background:#0000;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:5px 10px 5px 20px;min-height:50px;display:flex;flex-direction:column;box-shadow:0 5px 15px var(--navbar-shadow-color);max-width:1200px;border-radius:28px;align-items:center;justify-content:center;transition:max-height .4s ease;flex-shrink:0;border-width:2px;border-color:var(--nav-dark-color);border-style:solid}.home_navbar h1{font-family:New Rocker;font-size:2.5em;color:#fff;margin:0;padding:0}.nav_content{display:flex;align-items:center;width:100%}.home_navbar h2{white-space:nowrap;z-index:1;font-weight:700;margin:0 10px}.navbar-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-expanded-links{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .2s ease;display:flex;flex-direction:column;align-items:flex-start;width:100%;color:var(--nav-dark-color);font-size:1.2rem;gap:10px;padding:0 30px}.navbar-expanded-links.show{max-height:600px;opacity:1;padding:10px 30px}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:100%;opacity:1}}.navbar-expanded-links p{margin:0;cursor:pointer;transition:color .2s;font-weight:500}.navbar-inline-links{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:right;width:100%;color:#fff;font-size:1.2rem;flex-wrap:wrap}.navbar-inline-links p{margin:0;cursor:pointer;transition:color .2s;font-weight:400}.navbar-inline-links p:hover{color:#c3c3c3}.navbar-inline-links button{cursor:pointer;font-weight:400}.navbar-expanded-links p:hover{color:#c3c3c3}.home_navbar h1{transition:color .25s ease-in-out}.home-navbar-container.dark .home_navbar h1,button{color:var(--nav-light-color);transition:color .5s ease-in-out}.home-navbar-container.dark .home_navbar{border-color:var(--nav-light-color)}.home-navbar-container.dark .navbar-inline-links p{color:var(--nav-light-color)}.home-navbar-container.dark #nav-icon3 span{background:var(--nav-light-color)}.home-navbar-container.dark .navbar-expanded-links p{color:var(--nav-light-color)}.home-navbar-container.dark .navbar-expanded-links p:hover{color:#484848}#nav-icon3{width:35px;height:24px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;margin-right:10px}#nav-icon3 span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:50px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon3 span:nth-child(1){top:0}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:10px}#nav-icon3 span:nth-child(4){top:20px}#nav-icon3.open span:nth-child(1){top:10px;width:0%;left:50%}#nav-icon3.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon3.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-icon3.open span:nth-child(4){top:10px;width:0%;left:50%}.login-container{width:400px;max-width:80%;padding:20px;border-radius:12px;margin:0 auto;background-color:transparent;box-sizing:border-box}.login-container h1{margin-bottom:25px}h2{text-align:center}.login-container label{display:block;margin-bottom:8px}.error-message{color:red;text-align:center}.toggle-link{cursor:pointer;text-decoration:underline;display:block;padding:0;margin:0 auto;text-align:center}.toggle-link:hover{color:#ff0000b3}.login-container form{align-items:normal}.flex-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.container{margin-top:50px;display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1}.tiles{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:25px;max-width:1200px;padding:20px;flex-grow:1;min-height:200px}.tile{width:330px;height:150px;background-color:transparent;border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease;box-shadow:0 4px 10px var(--shadow-color);flex-shrink:0;border-color:var(--border-color);border-width:2px;border-style:solid}.tile:hover{transform:scale(1.05)}.blurred{filter:blur(20px)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10}.modal{background-color:var(--background-color);border-radius:15px;padding:20px;max-width:600px;width:80%;min-width:300px;max-height:90vh;overflow-y:auto;text-align:center;z-index:20;box-shadow:0 4px 10px #0003;transition:height .3s ease;border-color:var(--border-color);border-width:2px;border-style:solid}.modal h2{margin-bottom:10px}.modal p{max-width:100%}.modal h4{text-align:left;margin-top:0;margin-bottom:0}.attendance-container h4{width:100%;text-align:center}.welcome-container h1{max-width:100%}.attendance-container{background-color:transparent;border-radius:15px;padding:20px;max-width:600px;width:80%;box-shadow:0 4px 10px #0003}.center-text{text-align:center}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th,.attendance-table td{padding:8px;text-align:center}.responsive-attendance{display:none;flex-direction:column}.responsive-member{display:flex;justify-content:space-evenly;padding:10px}.responsive-member input{margin-bottom:0;width:40px}.responsive-member-info{flex-grow:1;margin-right:20px;margin-left:20px}.responsive-member button{font-size:large}.responsive-practice-info{display:flex;align-items:center}.responsive-paid-practices{margin-right:10px}.responsive-name,.responsive-email{display:block}@media (max-width: 768px){.attendance-table{display:none}.responsive-attendance{display:flex}}.past-practices-container{width:100%;max-width:100vw;max-height:400px;overflow-y:auto;overflow-x:hidden;height:100vh}.past-practice-item{text-align:center;padding:10px;font-weight:700}.past-practice-item:last-child{border-bottom:none}.past-practice-item p,.past-practices-container p{max-width:100%}.msg p{max-width:100%;text-align:center}h1{max-width:400px;margin-left:25px;margin-right:25px;margin-bottom:0}p{max-width:400px;margin-left:25px;margin-right:25px;margin-bottom:25px}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}form{display:flex;flex-direction:column;align-items:center;gap:10px}.info-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.info-container h1{max-width:100%;text-align:center;margin-top:200px}.info-container ul,ol,li{align-content:center;max-width:600px;margin-left:20px;margin-right:20px}.info-container p{text-align:center}.range-calls-container{margin-left:20px;margin-right:20px}.table-container input{margin-top:18px}.table-container select{margin-top:18px;width:100px}.container2{display:flex;flex-direction:column;align-items:center;height:100vh;text-align:center}.container2 input{width:300px}.table-container{margin-left:20px;margin-right:20px}.container2 h1{margin-top:200px;margin-bottom:50px}.table-container table{width:100%;border-collapse:collapse;margin-top:50px}.table-container button{margin:5px}.table-container th,.table-container td{max-width:100%;text-align:center;padding:10px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.modal2{background-color:#e1e1e1;border-radius:15px;padding:20px;max-width:600px;width:80%;min-width:300px;max-height:90vh;overflow-y:auto;text-align:center;z-index:20;box-shadow:0 4px 10px #0003;transition:height .3s ease}.modal2 select{width:100px;margin-bottom:0}.modal2 input{margin-bottom:0}.modal2 p{max-width:100%;margin-bottom:10px;margin-top:10px}.modal-content{text-align:center}.modal-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px}.blurred{filter:blur(10px)}.modal2 h2{margin-top:20px}.modal-content button{margin:10px 5px}.responsive-hide{display:table-cell}@media (max-width: 768px){.responsive-hide{display:none}}.practice-details-container button{margin:8px}:root{font-family:Mada,system-ui,sans-serif;line-height:1.5;font-weight:400;--text-color: #2b333a;--background-color: #ffffff;--heading-color: #181421;--border-color: #b8b8b8;--shadow-color: rgba(0, 0, 0, .1);--navbar-shadow-color: rgba(0, 0, 0, .2)}[data-theme=dark]{--text-color: #e6e6e6;--background-color: #121212;--heading-color: #ffffff;--border-color: #444;--shadow-color: rgba(255, 255, 255, .1);--navbar-shadow-color: rgba(178, 178, 178, .2)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:300px;justify-content:flex-start;display:flex;flex-direction:column;height:100%;align-items:center;padding:0;color:var(--text-color);background-color:var(--background-color)}h1{line-height:1.1;text-align:center;font-weight:800;max-width:1200px;font-size:2.5em;color:var(--heading-color);padding-left:10px;padding-right:10px;margin-top:clamp(5rem,30vh,15rem);font-size:clamp(3rem,4vw,10rem)}button{background:transparent;background-color:transparent;border-radius:50px;cursor:pointer;box-shadow:0 4px 8px var(--shadow-color);padding:12px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:none;min-width:100px;color:var(--text-color)}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(to right,#fad419,#c93855,#0689bd);border-radius:50px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:-1}button:hover{background:var(--shadow-color)}input{width:100%;padding:12px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;background-color:transparent;box-shadow:0 4px 8px var(--shadow-color);color:var(--text-color)}textarea{width:100%;height:150px;padding:12px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;background-color:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 4px 8px var(--shadow-color);color:var(--text-color)}select{width:100%;padding:12px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 4px 8px var(--shadow-color)}p{margin-top:25px;font-weight:350}