.menu{width:100%;background-color:#000;color:#fff;font-size:2.4em;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .3s ease;position:relative}.menu .menu-toggle{display:none;cursor:pointer}.menu .menu-toggle .hamburger{width:30px;height:24px;position:relative}.menu .menu-toggle .hamburger span{display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:4px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.menu .menu-toggle .hamburger span:first-child{top:0}.menu .menu-toggle .hamburger span:nth-child(2){top:10px}.menu .menu-toggle .hamburger span:nth-child(3){top:20px}.menu .menu-toggle .hamburger.active span:first-child{top:10px;transform:rotate(135deg)}.menu .menu-toggle .hamburger.active span:nth-child(2){opacity:0;left:-60px}.menu .menu-toggle .hamburger.active span:nth-child(3){top:10px;transform:rotate(-135deg)}.menu ul{list-style:none;display:flex;justify-content:center;gap:2rem;margin:0;padding:0;transition:all .3s ease-in-out}.menu ul li a{color:transparent;background:linear-gradient(180deg,#fff,#ffda22);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.5px rgba(0,0,0,.5);text-decoration:none;font-weight:700;font-size:1.5em;transition:color .25s ease,background .25s ease,filter .25s ease,-webkit-text-stroke .25s ease,-webkit-background-clip .25s ease,background-clip .25s ease!important}.menu ul li a.active{background:none;-webkit-background-clip:initial;background-clip:initial}.menu ul li a.active,.menu ul li a:hover{color:#07cdf2;-webkit-text-stroke:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 15px rgba(7,205,242,.7))}.menu:hover{background-color:rgba(7,205,242,.05);box-shadow:0 4px 8px rgba(0,0,0,.2),0 0 30px rgba(7,205,242,.1),inset 0 1px 0 rgba(7,205,242,.2)}@media(max-width:768px){.menu{padding:15px;font-size:1.8em}.menu .menu-toggle{display:block;z-index:2}.menu ul{position:absolute;flex-direction:column;background-color:#000!important;backdrop-filter:none;-webkit-backdrop-filter:none;top:100%;left:0;width:100%;padding:20px 0;gap:1.5rem;align-items:center;max-height:0;overflow:hidden;opacity:0;z-index:1}.menu ul.open{max-height:500px;opacity:1;box-shadow:none}.menu ul li{width:100%;text-align:center}.menu ul li a{font-size:1.2em;padding:10px 0;display:block}.menu:hover{background-color:#000;box-shadow:0 4px 8px rgba(0,0,0,.2)}}@media(max-width:480px){.menu{font-size:1.5em}.menu ul li a{font-size:1em}}@media(prefers-reduced-motion:reduce){.menu ul li a{transition:none!important}}.page-container{background-color:#000;color:#fff;min-height:100%;border:none}.page-container,.page-container main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.page-container main{flex:1 0 auto;width:100%;margin-top:1rem;margin-bottom:1rem}.page-container h1{font-size:2.5rem;margin-bottom:1rem;color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-stroke:0}.page-container p{font-size:1.2rem;color:#fff;margin-bottom:2rem;text-align:center;max-width:600px}.band-members-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:2.5rem}.band-member{position:relative;background:linear-gradient(135deg,#f8fafc 80%,#e0f7fa);border-radius:1.2rem;box-shadow:0 2px 16px rgba(7,205,242,.1);padding:2rem 2.2rem 1.7rem;display:flex;flex-direction:column;align-items:center;min-width:200px;max-width:240px;transition:transform .22s,box-shadow .22s;outline:none;border:1.5px solid #e0e0e0}.band-member:focus,.band-member:hover{transform:translateY(-8px) scale(1.045);box-shadow:0 8px 32px rgba(7,205,242,.18);border-color:#07cdf2}.band-member .avatar-border{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px}.band-member .avatar-border:before{content:"";position:absolute;z-index:1;top:0;left:0;width:180px;height:180px;border-radius:50%;background:conic-gradient(#f20544 0deg,#07cdf2 120deg,#f2d64b 240deg,#f20544 1turn);animation:spin-border 2.5s linear infinite;filter:blur(.5px)}.band-member .avatar{width:160px;height:160px;border-radius:50%;position:relative;z-index:2;background-size:cover!important;background-position:50%;background-repeat:no-repeat;overflow:hidden;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.3rem;font-weight:700;box-shadow:0 2px 8px rgba(7,205,242,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.band-member .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;z-index:3}@keyframes spin-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.band-member .info{display:flex;flex-direction:column;align-items:center}.band-member .info h2{font-size:1.55rem;margin:0 0 .5rem;color:#f20544;text-align:center;font-family:inherit;font-weight:800;letter-spacing:.01em}.band-member .info p{font-size:1.18rem;color:#333;font-weight:600;background:rgba(7,205,242,.1);border-radius:.5rem;padding:.32rem 1.1rem;margin:.5rem 0 .7rem;letter-spacing:.02em}.insta-link{display:inline-block;margin-top:.5rem;color:#07cdf2;font-weight:700;font-size:1.08rem;background:#fff;border-radius:.5rem;padding:.22rem .9rem;text-decoration:none;transition:color .2s,background .2s;letter-spacing:.01em;box-shadow:0 1px 4px rgba(7,205,242,.08)}.insta-link:focus,.insta-link:hover{color:#fff;background:#07cdf2;text-decoration:underline}