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;overflow-x:clip;padding:0}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}@media (max-width:768px){body{overflow-x:clip}#root,body,html{max-width:100vw;width:100%}}.App{text-align:center}.App,.main-content{font-family:monospace}.main-content{align-items:center;font-size:calc(10px + 2vmin);justify-content:center;margin:0 auto}.gradient-bg{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.gradient-bg-1{background:linear-gradient(135deg,#f8f9fa,#e8ebff 50%,#d8dcff)}.gradient-bg-2{background:radial-gradient(circle at center,#fff 0,#e8ebff 50%,#7c8dff 200%)}.gradient-bg-3{background:linear-gradient(125deg,#fff,#e8ebff 40%,#7c8dff 200%),linear-gradient(45deg,#f8f9fa,#d8dcff);background-blend-mode:overlay}@media (max-width:768px){.App{font-size:calc(10px + 1.5vmin)}.main-content{overflow-x:clip;padding:0}}@media (max-width:480px){.App{font-size:calc(10px + 1vmin)}body{overflow-x:clip}}.sticky-section{position:relative}.background{background:url(/static/media/anyiHockey1.ae6204ec811d7225bf94.png) 50%/cover no-repeat;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:0}.content-wrapper{margin-top:-100vh;padding-bottom:60vh;position:relative;z-index:1}.content{padding-top:50vh;position:relative}.content,.welcome-text{margin-right:10%;text-align:right}.welcome-text{color:#000;font-size:2rem;height:50vh;margin-left:auto;max-width:30%}.section-2{align-items:center;background-color:#fff;color:#000;height:auto;margin:50px auto;max-width:800px;padding:50px}.button{background-color:#baadff;border-radius:10px;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none}.button:hover{background-color:#9989e5;color:#fff;cursor:pointer}@media (max-width:1024px){.welcome-text{font-size:1.5rem;height:40vh;max-width:40%}.content{margin-right:5%;padding-top:30vh}.content-wrapper{padding-bottom:40vh}}@media (max-width:768px){.content{margin-right:2%;padding-top:25vh;text-align:center}.content-wrapper{padding-bottom:100vh}.welcome-text{align-items:center;background-color:#0009;color:#fff;display:flex;font-size:1.3rem;height:auto;justify-content:center;margin-bottom:2vh;margin-left:auto;margin-right:auto;max-width:90%;padding:.25rem .75rem;text-align:center}.welcome-text h1,.welcome-text p{color:#fff;margin:.25rem auto}}@media (max-width:480px){.background{height:100vh}.content{margin-right:0;padding-left:1rem;padding-right:1rem;padding-top:20vh;text-align:center}.content-wrapper{padding-bottom:100vh}.welcome-text{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:1.1rem;height:auto;justify-content:center;margin:0 auto 2vh;max-width:100%;padding:.2rem .5rem;text-align:center}.welcome-text h1{color:#fff;font-size:1.8rem;margin:.1rem 0}.welcome-text p{color:#fff;font-size:1rem;line-height:1.4;margin:.15rem 0}.section-2{margin:30px 10px;padding:20px}}.bio-container{align-items:flex-start;background-color:#fff;border:4px solid #7c8dff;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;justify-content:center;margin:100px auto;max-width:900px;padding:20px}.bio-picture{border-radius:20px;flex:0 0 auto;height:400px;margin-right:20px;object-fit:cover;width:300px}.bio-content{flex:1 1;margin:20px;max-width:800px;text-align:left}.bio-header{font-size:2rem;margin-bottom:10px;text-align:left}.bio-text{font-size:1rem;line-height:1.6;text-align:left}@media (max-width:768px){.bio-container{align-items:center;flex-direction:column;margin:50px 15px;padding:15px}.bio-picture{height:350px;margin-bottom:20px;margin-right:0;width:250px}.bio-content{margin:15px;text-align:center}.bio-header{font-size:1.5rem;text-align:center}.bio-text{font-size:.95rem;text-align:center}}@media (max-width:480px){.bio-container{border:3px solid #7c8dff;margin:30px 10px;padding:10px}.bio-picture{height:300px;margin-bottom:15px;width:200px}.bio-content{margin:10px}.bio-header{font-size:1.3rem;margin-bottom:8px}.bio-text{font-size:.9rem;line-height:1.5}}.experience-container{margin:0 auto;max-width:1200px;padding:20px;position:relative}.experience-section{margin-bottom:40px}.section-title{color:#333;font-size:2rem;margin-bottom:20px;text-align:center}.carousel{height:500px;margin:0 auto;max-width:1000px;padding:20px 60px;perspective:2000px;position:relative}.carousel-button{align-items:center;background-color:#7c8dff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:40px;z-index:10}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button:hover{background-color:#5a6be6}.carousel-content{position:relative}.carousel-content,.carousel-items{height:100%;transform-style:preserve-3d;width:100%}.carousel-item,.carousel-items{position:absolute}.carousel-item{left:50%;opacity:0;top:50%;transition:all .5s ease-in-out;visibility:hidden;width:400px}.carousel-item.active{opacity:1;transform:translate(-50%,-50%) rotateY(0deg) translateZ(0);visibility:visible}.carousel-item.next,.carousel-item.prev{cursor:pointer;opacity:.6;transition:all .5s ease-in-out;visibility:visible}.carousel-item.prev{transform:translate(-180%,-50%) rotateY(-30deg) translateZ(-200px)}.carousel-item.prev:hover{opacity:.8;transform:translate(-170%,-50%) rotateY(-25deg) translateZ(-180px)}.carousel-item.next{transform:translate(80%,-50%) rotateY(30deg) translateZ(-200px)}.carousel-item.next:hover{opacity:.8;transform:translate(70%,-50%) rotateY(25deg) translateZ(-180px)}.experience-tile{background-color:#fff;border:2px solid #7c8dff;border-radius:15px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:400px;overflow-y:auto;padding:0;transition:transform .3s ease}.experience-tile:hover{transform:translateY(-5px)}.tile-image-container{background-color:#f8f9fa;border-top-left-radius:13px;border-top-right-radius:13px;height:150px;width:100%}.tile-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.tile-image:hover{transform:scale(1.05)}.tile-content{flex:1 1;padding:20px}.tile-title{color:#333;font-size:1.3rem;margin:0 0 8px}.tile-organization{color:#7c8dff;font-size:1.1rem;margin:0 0 4px}.tile-duration{color:#666;font-size:.9rem;margin:0 0 12px}.tile-description{list-style:none;margin:0;padding-left:0}.tile-description li{color:#444;font-size:.9rem;line-height:1.3;margin-bottom:6px;padding-left:1.2em;position:relative;text-align:left}.tile-description li:before{color:#7c8dff;content:"•";left:0;position:absolute}@media (max-width:768px){.experience-container{padding:10px}.section-title{font-size:1.5rem;margin-bottom:15px}.carousel{height:400px;max-width:100%;padding:20px 40px}.carousel-button{font-size:1.2rem;height:35px;width:35px}.carousel-button.prev{left:5px}.carousel-button.next{right:5px}.carousel-item{width:300px}.carousel-item.prev{transform:translate(-160%,-50%) rotateY(-30deg) translateZ(-200px)}.carousel-item.prev:hover{transform:translate(-150%,-50%) rotateY(-25deg) translateZ(-180px)}.carousel-item.next{transform:translate(60%,-50%) rotateY(30deg) translateZ(-200px)}.carousel-item.next:hover{transform:translate(50%,-50%) rotateY(25deg) translateZ(-180px)}.experience-tile{height:350px;padding:0}.tile-title{font-size:1.1rem}.tile-organization{font-size:1rem}.tile-description li{font-size:.85rem}}@media (max-width:480px){.experience-container{padding:10px 5px}.section-title{font-size:1.3rem;margin-bottom:10px}.carousel{height:350px;margin:0;padding:15px 30px}.carousel-button{font-size:1rem;height:30px;width:30px}.carousel-button.prev{left:5px}.carousel-button.next{right:5px}.carousel-item{width:250px}.carousel-item.prev{transform:translate(-150%,-50%) rotateY(-30deg) translateZ(-200px)}.carousel-item.prev:hover{transform:translate(-140%,-50%) rotateY(-25deg) translateZ(-180px)}.carousel-item.next{transform:translate(50%,-50%) rotateY(30deg) translateZ(-200px)}.carousel-item.next:hover{transform:translate(40%,-50%) rotateY(25deg) translateZ(-180px)}.experience-tile{height:300px;padding:0}.tile-content{padding:15px}.tile-image-container{height:120px}.tile-title{font-size:1rem;margin-bottom:5px}.tile-organization{font-size:.9rem;margin-bottom:3px}.tile-duration{font-size:.8rem;margin-bottom:8px}.tile-description li{font-size:.8rem;margin-bottom:4px;padding-left:1em}}.portfolio-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.portfolio-title{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.portfolio-gallery{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.portfolio-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-8px)}.portfolio-image-wrapper{background:#f0f0f0;overflow:hidden;padding-top:100%;position:relative;width:100%}.portfolio-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.portfolio-item-title{color:#333;font-size:1.3rem;margin:1rem}.portfolio-item-description{color:#666;font-size:.95rem;line-height:1.5;margin:0 1rem 1rem}.portfolio-empty{color:#999;font-size:1.1rem;grid-column:1/-1;padding:2rem;text-align:center}.modal-overlay{background-color:#000000e6;bottom:0;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.modal-image{border-radius:8px;max-height:70vh;max-width:100%;object-fit:contain}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;padding:.5rem;position:absolute;right:0;top:-40px;transition:color .3s ease;z-index:1001}.modal-close:hover{color:#ccc}.modal-nav{background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:2.5rem;padding:1rem 1.5rem;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;z-index:1001}.modal-nav:hover{background-color:#fff6}.modal-prev{left:1rem}.modal-next{right:1rem}.modal-info{color:#fff;margin-top:1.5rem;text-align:center}.modal-title{font-size:1.8rem;margin:0 0 .5rem}.modal-description{color:#ccc;font-size:1rem;margin:0}@media (max-width:768px){.portfolio-gallery{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.portfolio-title{font-size:2rem}.modal-close{font-size:1.5rem;top:-35px}.modal-nav{font-size:2rem;padding:.75rem 1rem}.modal-prev{left:.5rem}.modal-next{right:.5rem}}@media (max-width:480px){.portfolio-gallery{grid-template-columns:1fr}.portfolio-container{padding:1rem}.portfolio-title{font-size:1.8rem;margin-bottom:2rem}.modal-image{max-height:60vh}.modal-nav{font-size:1.5rem;padding:.5rem .75rem}.modal-close{top:-30px}.modal-close,.modal-title{font-size:1.3rem}.modal-description{font-size:.9rem}}.raffle-page{min-height:100vh}.raffle-container{background-color:#fff;color:#000;margin:50px auto;max-width:800px;padding:50px}.raffle-description{color:#555;font-size:1rem;margin-bottom:2rem}.upload-area{margin-bottom:1.5rem}.file-input{display:none}.upload-label{border:2px dashed #7c8dff;border-radius:8px;color:#7c8dff;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s,color .2s}.upload-label:hover{background-color:#7c8dff;color:#fff}.raffle-error{color:#e74c3c;font-size:.9rem}.raffle-info{margin-top:1.5rem}.raffle-info>p{color:#555;font-size:1rem;margin-bottom:1rem}.entries-table{margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.entries-table table{border-collapse:collapse;font-size:.95rem;width:100%}.entries-table td,.entries-table th{border-bottom:1px solid #eee;padding:.5rem 1rem;text-align:left}.entries-table th{color:#7c8dff;font-weight:600}.raffle-actions{display:flex;gap:1rem;justify-content:center}.draw-button{background-color:#7c8dff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:monospace;font-size:1.1rem;padding:.75rem 2rem;transition:background-color .2s}.draw-button:hover{background-color:#5a6fe0}.reset-button{background-color:initial;border:1px solid #ccc;border-radius:8px;color:#999;cursor:pointer;font-family:monospace;font-size:1rem;padding:.75rem 2rem;transition:color .2s,border-color .2s}.reset-button:hover{border-color:#e74c3c;color:#e74c3c}.winners-section{margin-top:2rem}.winners-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.winner-card{align-items:center;background:linear-gradient(135deg,#f0f2ff,#e8ebff);border-left:4px solid #7c8dff;border-radius:8px;display:flex;gap:1rem;padding:1rem 1.5rem}.winner-number{color:#7c8dff;font-size:1.2rem;font-weight:700}.winner-name{color:#333;font-size:1.1rem}.app-nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f8f9faf2;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-item{cursor:pointer;display:inline-block;height:100%;position:relative;width:auto}.nav-brand{color:#333;font-size:1.5rem;font-weight:700;pointer-events:none;text-decoration:none;transition:color .3s ease}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:4px;color:#333;font-size:1rem;padding:.5rem 1rem;pointer-events:none;text-decoration:none;transition:color .3s ease}.nav-item:hover .nav-brand,.nav-item:hover .nav-link{color:#7c8dff}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:space-around;padding:0;width:2rem;z-index:10}.hamburger span{background:#333;border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .3s linear;width:2rem}@media (max-width:768px){.hamburger,.nav-links{display:flex}.nav-links{background-color:#f8f9faf2;box-shadow:-2px 2px 4px #0000001a;flex-direction:column;gap:1rem;padding:2rem;position:absolute;right:0;top:100%;transform:translateX(100%);transition:transform .3s ease-in-out}.nav-links.active{transform:translateX(0)}.nav-link{text-align:center;width:100%}}
/*# sourceMappingURL=main.fe84bcc0.css.map*/