:root{--bg-light:#f4f5f7;--surface:#fff;--surface-light:#f8f9fa;--text-main:#1a1a1e;--text-muted:#6b7280;--gold:#ffb703;--gold-glow:rgba(255,183,3,.3);--black:#1a1a1e;--white:#fff;--gray:#e5e7eb;--mid:#6b7280;--off:#f8f9fa;--font-heading:'Bricolage Grotesque',sans-serif;--font-text:'Inter',sans-serif;--font-mono:'IBM Plex Mono',monospace;--font-special:'Special Elite',cursive;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:100px}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
body{font-family:var(--font-text);line-height:1.6;background-color:var(--bg-light)!important;color:var(--text-main);margin:0;padding:0}
a{color:var(--black);text-decoration:underline;transition:color .2s}
a:hover{color:var(--gold)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;color:var(--text-main);letter-spacing:-.02em}
.container{max-width:1440px;margin:0 auto;padding:0 20px;min-height:60vh}
.content-area{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03);padding:40px;margin-bottom:40px}
.motto-banner,.tour-intro-text{font-size:1.2rem;color:var(--text-muted);border-left:3px solid var(--gold);padding-left:20px;margin-bottom:2rem;font-weight:400}
.btn,form button,.btn-upload,.accordion-toggle{font-family:var(--font-text);font-weight:600;font-size:.95em;background-color:var(--gold);color:var(--bg-light);border:none;border-radius:var(--radius-pill);padding:12px 28px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px var(--gold-glow);display:inline-block;text-align:center;text-decoration:none}
.btn:hover,form button:hover,.btn-upload:hover{transform:translateY(-2px);background-color:#ebd076;box-shadow:0 6px 20px rgba(212,175,55,.3)}
.btn-glow{font-family:var(--font-text);font-weight:700;font-size:1.1em;background-color:var(--gold);color:var(--text-main);padding:15px 35px;border-radius:var(--radius-pill);text-decoration:none;box-shadow:0 8px 25px var(--gold-glow);transition:all .3s ease;display:inline-block}
.btn-glow:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(255,183,3,.5);background-color:#ffc333;color:var(--text-main)}
.btn-outline{font-family:var(--font-text);font-weight:700;font-size:1.1em;background-color:transparent;color:var(--text-main);padding:15px 35px;border-radius:var(--radius-pill);text-decoration:none;border:2px solid var(--text-main);transition:all .3s ease;display:inline-block}
.btn-outline:hover{border-color:var(--gold);background:var(--text-main);color:var(--surface)}
.btn-login{background:var(--black);color:var(--white);border:1px solid var(--black)}
.btn-login:hover{background:var(--white);color:var(--black)}
.btn-primary{background:var(--black);color:var(--white);border:1px solid var(--black)}
.btn-primary:hover{background:var(--white);color:var(--black);border-color:var(--black)}
.admin-link{background:var(--mid);margin-right:10px}
.btn-upload{background-color:var(--black);color:var(--white);border-radius:6px}
.btn-upload:hover{background-color:var(--mid)}
.btn-contact{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:6px 12px;font-size:.85em;cursor:pointer;border-radius:4px;transition:all .3s ease;margin-top:10px;font-family:inherit}
.btn-contact:hover{background:var(--gold);color:var(--black)}
.role-badge,.role-tag{display:inline-block;background:var(--gray);padding:3px 8px;border-radius:12px;font-size:.85em;margin:2px 2px 0 0;border:1px solid var(--mid);color:var(--black)}
.role-badge{background:var(--black);color:var(--white);border-color:var(--black);margin-left:10px}
.public-tag{background:var(--off);border-color:var(--mid);color:var(--mid)}
.msg{padding:15px;border-radius:6px;margin-bottom:25px;font-weight:bold;border:1px solid var(--gray)}
.msg-success{background:var(--off);color:var(--black);border-left:4px solid #28a745}
.msg-error{background:#ffe6e6;color:#cc0000;border-left:4px solid #cc0000}
.content-title{margin-top:35px;margin-bottom:15px}
.content-image-wrapper{margin:25px 0}
.content-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.content-divider{border:1px solid var(--text-muted);margin:40px 0}
.content-text-block{margin-bottom:20px}
.accordion-toggle{width:100%;text-align:left;background:var(--gold);color:var(--white);padding:15px;font-size:1.1em;border:none;font-weight:bold;border-radius:4px;margin-top:15px;display:flex;justify-content:space-between;align-items:center}
.accordion-panel{display:none;padding:20px;background:var(--off);border:1px solid var(--gray);border-top:none;border-radius:0 0 4px 4px;margin-bottom:15px}
.accordion-panel.open{display:block}
.accordion-panel table{width:100%;border-collapse:collapse;margin:15px 0;background:var(--surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.03)}
.accordion-panel th{background:var(--surface-light);color:var(--text-main);font-family:var(--font-heading);font-weight:700;text-align:left;padding:15px 20px;border-bottom:2px solid var(--gold)}
.accordion-panel td{padding:12px 20px;border-bottom:1px solid var(--gray);color:var(--text-main);font-size:.95em}
.accordion-panel tr:last-child td{border-bottom:none}
.accordion-panel tbody tr:nth-child(even){background-color:var(--off)}
.accordion-panel tbody tr{transition:background-color .2s ease}
.accordion-panel tbody tr:hover{background-color:rgba(255,183,3,.08)}
.main-nav{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;padding:clamp(10px,1.5vw,15px) clamp(15px,3vw,24px);max-width:1400px;width:calc(100% - 40px);margin:0 auto 40px auto;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.05);position:sticky;top:20px;z-index:1000}
.nav-pages{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(5px,1vw,15px)}
.nav-pages a{font-family:var(--font-text);color:var(--text-main);text-decoration:none;margin-right:0;font-weight:500;transition:all .2s ease;white-space:nowrap;font-size:clamp(.9rem,1vw,1rem);padding:clamp(6px,1vw,8px) clamp(10px,1.5vw,16px);border-radius:var(--radius-pill)}
.nav-pages a:hover{background:var(--surface-light);color:var(--text-main)}
.nav-pages a.active{background:var(--gold);color:var(--bg-light);font-weight:600}
.nav-logo{display:flex;align-items:center;margin-right:30px;text-decoration:none}
.nav-logo img{height:45px;width:auto;filter:drop-shadow(0 0 8px rgba(0,0,0,.1));transition:transform .3s ease,filter .3s ease}
.nav-logo:hover img{transform:scale(1.05);filter:drop-shadow(0 0 12px var(--gold))}
.mobile-header{display:none}
.nav-user{display:flex;align-items:center;flex-wrap:nowrap;gap:15px;margin-left:auto;color:var(--white)}
.nav-user .user-greeting{font-family:var(--font-text);font-size:.9em;opacity:.8}
.nav-user .nav-btn{font-family:var(--font-text);font-size:.9em;font-weight:bold;padding:6px 12px;border-radius:4px;text-decoration:none;transition:background .2s;margin:0}
.nav-user .admin-btn{background:var(--gold);color:var(--black)}
.nav-user .admin-btn:hover{background:var(--white)}
.nav-user .logout-btn{background:transparent;border:1px solid var(--white);color:var(--white)}
.nav-user .logout-btn:hover{background:var(--white);color:var(--black)}
.nav-user .login-btn{background:var(--white);color:var(--black)}
.nav-user .login-btn:hover{background:var(--gold)}
.menu-toggle{background:none;border:none;color:var(--gold);font-size:2.2em;cursor:pointer;padding:0;line-height:1}
.user-avatar-btn{background:var(--surface-light);border:1px solid rgba(0,0,0,.05);padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1.1em;transition:all .2s ease;color:var(--text-main)}
.user-avatar-btn:hover{background:var(--surface);box-shadow:0 4px 15px rgba(0,0,0,.05);transform:translateY(-2px);border-color:var(--gold)}
.nav-avatar-img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--gold);display:inline-block}
.dropdown{position:relative;display:inline-block;margin-right:0}
.dropdown-arrow{font-size:.8em;margin-left:5px;opacity:.6}
.dropdown-content{display:none;position:absolute;min-width:220px;z-index:1000;background-color:var(--surface);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:var(--radius-md);top:calc(100% + 15px);left:0;padding:10px 0;overflow:hidden}
.dropdown::after{content:'';position:absolute;top:100%;left:0;width:100%;height:25px;background:transparent;z-index:10}
.dropdown:hover .dropdown-content{display:block}
.dropdown-content a{display:block;margin:0;padding:12px 20px;font-size:.95em;color:var(--text-main);background:transparent;border-radius:0;border-bottom:1px solid rgba(255,255,255,.03);text-decoration:none}
.dropdown-content a:last-child{border-bottom:none}
.dropdown-content a:hover{color:var(--gold);background-color:var(--surface-light);transform:none;box-shadow:none}
.dropdown-content a.sub-active{color:var(--gold);background-color:rgba(212,175,55,.05);font-weight:600;border-left:3px solid var(--gold)}
.user-dropdown .dropdown-content{left:auto;right:0}
.user-dropdown-header{padding:12px 20px 8px 20px;font-size:.85em;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.user-dropdown-divider{border-top:1px solid var(--text-muted);margin:4px 0}
.hero-section{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:60px 40px 50px 40px;min-height:550px;border-radius:var(--radius-lg);text-align:center;margin-bottom:30px;overflow:hidden;z-index:1}
.hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,0) 80%);z-index:1;border-radius:var(--radius-lg)}
.hero-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-content{position:relative;max-width:800px;margin:0 auto;width:100%;z-index:2}
.hero-section h1{color:var(--gold);text-shadow:0 4px 20px rgba(0,0,0,.9);margin:0 auto 15px auto}
.hero-motto{color:var(--white);opacity:.95;font-size:1.3rem;text-shadow:0 4px 15px rgba(0,0,0,.9);margin:0 auto 30px auto}
.hero-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.hero-actions .btn-outline{border:2px solid var(--white);color:var(--white);background:rgba(0,0,0,.3)}
.hero-actions .btn-outline:hover{background:var(--white);color:var(--black);border-color:var(--white)}
.social-strip{background:var(--surface);border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 24px rgba(0,0,0,.04);border-radius:var(--radius-md);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.social-label{font-family:var(--font-heading);font-weight:700;color:var(--text-muted);font-size:1.1em;text-transform:uppercase;letter-spacing:1px}
.social-links{display:flex;gap:10px;flex-wrap:wrap}
.social-btn{background:rgba(255,255,255,.03);color:var(--text-main);text-decoration:none;padding:8px 18px;border-radius:var(--radius-pill);font-size:.9em;font-weight:600;border:2px solid var(--text-muted);transition:all .2s ease}
.social-btn:hover{background:var(--gold);color:var(--bg-light);border-color:var(--gold);transform:translateY(-2px)}
.home-events-section{margin-bottom:40px}
.home-events-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;border-bottom:1px solid var(--gray);padding-bottom:10px}
.home-events-header h2{margin:0}
.view-all-link{color:var(--gold);text-decoration:none;font-weight:600;font-size:.95em;transition:opacity .2s}
.view-all-link:hover{opacity:.8}
.home-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.mini-event-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05);box-shadow:0 0 10px 0 rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.mini-event-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:var(--gold)}
.mini-event-date{font-family:var(--font-mono);color:var(--gold);font-size:.85em;font-weight:700;letter-spacing:1px;margin-bottom:8px}
.mini-event-title{margin:0 0 15px 0;font-size:1.2em;line-height:1.3;color:var(--text-main)}
.mini-event-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--gray);padding-top:15px}
.mini-event-stages{display:flex;flex-wrap:wrap;gap:6px}
.mini-event-location{color:var(--text-muted);font-size:.85em;display:flex;align-items:center;gap:6px}
.ticker-wrap{width:100%;overflow:hidden;background:var(--surface);border-radius:var(--radius-md);padding:15px 0;margin-bottom:30px;box-shadow:0 8px 24px rgba(0,0,0,.06);display:flex;white-space:nowrap;border-left:4px solid var(--gold);border-right:4px solid var(--gold)}
.ticker-move{display:inline-flex;align-items:center;animation:ticker-scroll 30s linear infinite}
.ticker-wrap:hover .ticker-move{animation-play-state:paused}
.ticker-item{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px}
.ticker-divider{font-size:1.2rem;margin:0 30px;opacity:.8}
@keyframes ticker-scroll{0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-50%,0,0)}
}.vereins-title{font-size:1.4rem;color:var(--text-main);margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}
.vereins-meta{color:var(--text-muted);line-height:2;font-size:.95rem}
.tour-container{overflow-x:auto;margin-bottom:50px}
.tour-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-md);overflow:hidden}
.tour-table th{background:var(--surface-light);color:var(--gold);padding:20px;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;text-align:left}
.tour-table td{padding:20px;border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-main);font-weight:600;transition:background-color .2s ease,color .2s ease}
.tour-table tbody tr:hover td{background:rgba(255,255,255,.02)}
.tour-date{font-family:var(--font-special);color:var(--gold);white-space:nowrap;font-weight:600}
.tour-time{color:var(--text-muted)}
.tour-empty{text-align:center;padding:40px !important;font-style:italic;color:var(--mid)}
.past-event{opacity:.5}
.past-event .tour-time,.past-event .tour-title,.past-event .tour-location,.past-event .vereins-title,.past-event .vereins-meta{text-decoration:line-through}
.past-badge{font-size:.75em;font-weight:normal;color:var(--mid);text-transform:uppercase;display:inline-block;margin-top:2px}
.past-badge-inline{font-size:.7em;color:var(--mid);text-transform:uppercase;display:inline-block;margin-left:5px}
.stage-tag-list{display:flex;flex-wrap:wrap;gap:8px}
.stage-tag{display:inline-flex;align-items:center;background:var(--surface-light);border:1px solid var(--gray);border-radius:var(--radius-sm);overflow:hidden;font-size:.85em;box-shadow:0 2px 4px rgba(0,0,0,.02)}
.stage-tag-time{color:var(--black);background:var(--gold);font-family:var(--font-mono);font-weight:700;padding:4px 8px;letter-spacing:.5px}
.stage-tag-name{padding:4px 10px;color:var(--text-main);font-weight:600}
.tbd-text{color:var(--text-muted);font-style:italic;font-size:.9em}
.event-type-label{display:block;font-size:.8em;margin-top:4px;color:var(--mid);text-transform:uppercase;letter-spacing:.5px}
.vereins-grid-container{margin-bottom:40px}
.archive-section{margin-top:60px;padding-top:30px;border-top:2px dashed var(--gray)}
.archive-heading{color:var(--text-muted);margin-bottom:20px}
.archive-table{opacity:.7;transition:opacity .3s ease}
.archive-table:hover{opacity:1}
.vereins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}
.vereins-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 24px rgba(0,0,0,.04);padding:25px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.vereins-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:var(--gold)}
.vereins-title{font-size:1.3rem;color:var(--text-main);margin:0 0 20px 0;line-height:1.3;border-bottom:2px solid var(--off);padding-bottom:15px}
.vereins-details-list{display:flex;flex-direction:column;gap:12px}
.vereins-detail-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px dashed var(--gray)}
.vereins-detail-row:last-child{border-bottom:none}
.detail-icon{font-size:1.2em;line-height:1.2;flex-shrink:0}
.detail-text{color:var(--text-main);line-height:1.4;font-weight:500;padding-top:0}
.vereins-stages-gold{display:flex;flex-wrap:wrap;gap:8px;padding-top:1px}
.stage-tag-gold{flex-shrink:0;display:inline-flex;align-items:center;border-radius:var(--radius-sm);overflow:hidden;font-size:.85em;border:1px solid var(--gold)}
.stage-time-gold{background:var(--gold);color:var(--black);font-family:var(--font-mono);font-weight:700;padding:3px 8px}
.stage-name-gold{background:var(--surface-light);color:var(--text-main);font-weight:600;padding:3px 10px}
.repertoire-search-wrapper{position:relative;margin-bottom:30px}
.repertoire-search-input{width:100%;padding:15px;padding-right:50px;box-sizing:border-box;border:2px solid var(--gray);border-radius:8px;font-size:1.1em;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:border-color .3s}
.repertoire-search-input:focus{border-color:var(--gold);outline:none}
.repertoire-search-clear{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5em;color:var(--mid);cursor:pointer;display:none;padding:0}
.repertoire-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:30px;margin-bottom:50px}
.rep-season{background:#fff;border:1px solid var(--gray);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.rep-season:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.08)}
.rep-season-title{background:var(--gold);color:var(--black);padding:12px 20px;margin:0;font-size:1.2em;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:bold}
.rep-song{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--gray)}
.rep-song:last-child{border-bottom:none}
.rep-song:nth-child(even){background-color:rgba(0,0,0,.02)}
.rep-song-title{font-weight:500;display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.rep-song-title::before{content:"🎵";font-size:.9em;opacity:.6;margin-top:2px}
.rep-song-arr{background:var(--off);color:var(--mid);font-size:.75em;padding:3px 10px;border-radius:12px;border:1px solid var(--gray);white-space:nowrap;margin-left:15px;font-weight:bold;text-transform:uppercase}
.register-title{margin-top:40px;border-bottom:3px solid var(--gold);padding-bottom:5px;display:inline-block;scroll-margin-top:180px}
.register-nav-wrapper{margin:10px 0 40px 0;padding:10px 15px;position:sticky;top:100px;z-index:90;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.03);display:flex;align-items:center;gap:10px}
.register-nav{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex-grow:1;padding:5px 0}
.register-nav::-webkit-scrollbar{display:none}
.nav-arrow{background:var(--surface);border:1px solid var(--gray);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);box-shadow:0 2px 4px rgba(0,0,0,.02);transition:all .2s ease;flex-shrink:0;font-size:.9em}
.nav-arrow:hover{background:var(--gold);color:var(--black);border-color:var(--gold);transform:scale(1.05)}
.register-nav-link{background:var(--surface);color:var(--text-main);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-pill);padding:8px 18px;font-size:.95em;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.02)}
.register-nav-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}
.register-nav-link.active,.register-nav-link:active{background:var(--gold);color:var(--black);border-color:var(--gold);box-shadow:0 4px 10px rgba(255,183,3,.3)}
.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px}
.member-card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;aspect-ratio:3/4;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.03)}
.member-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px rgba(255,183,3,.2)}
.member-photo{width:100%;height:100%;position:absolute;z-index:1}
.member-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.95);transition:all .5s ease}
.member-card:hover .member-photo img{filter:brightness(1.05);transform:scale(1.04)}
.member-name{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 100%);color:#fff!important;padding:50px 20px 20px 20px;font-size:1.5rem;font-weight:800;z-index:2;margin:0;box-sizing:border-box}
.member-card p[style*="var(--gold)"]{position:absolute;bottom:48px;left:20px;z-index:3;margin:0!important;font-size:.9em;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8)}
.member-year{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;z-index:2;margin:0;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.board-contact{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;opacity:0;transition:opacity .3s ease,transform .3s ease}
.member-card:hover .board-contact{opacity:1;transform:translate(-50%,-55%)}
.board-contact .btn-contact{background:rgba(255,183,3,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--text-main);font-family:var(--font-text);font-weight:700;font-size:.9em;padding:10px 24px;border-radius:var(--radius-pill);border:none;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-top:5px}
.board-contact .btn-contact:hover{background:var(--gold);transform:scale(1.05);box-shadow:0 12px 35px var(--gold-glow)}
.btn-whatsapp{background-color:#25D366!important;color:#fff!important;box-shadow:0 8px 25px rgba(37,211,102,.3)!important}
.btn-whatsapp:hover{background-color:#128C7E!important;box-shadow:0 12px 35px rgba(37,211,102,.5)!important;transform:translateY(-3px) scale(1.02)}
.hero-section h1{font-size:clamp(2.5rem,5vw,4rem);text-transform:uppercase}
.gallery-wrapper{position:relative;margin-bottom:25px;display:flex;align-items:center}
.gallery-slider{display:flex;overflow-x:auto;gap:15px;padding:10px 0;scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;-ms-overflow-style:none;scrollbar-width:none}
.gallery-slider::-webkit-scrollbar{display:none}
.gallery-slider img{height:250px;width:auto;max-width:80vw;object-fit:cover;border-radius:8px;scroll-snap-align:center;box-shadow:0 4px 10px rgba(0,0,0,.1);flex-shrink:0;cursor:zoom-in}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--text-main);border:1px solid rgba(0,0,0,.1);width:45px;height:45px;border-radius:50%;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.15);z-index:10;transition:all .2s ease}
.gallery-arrow:hover{background:var(--gold);color:var(--text-main);border-color:var(--gold);transform:translateY(-50%) scale(1.1)}
.gallery-prev{left:10px}
.gallery-next{right:10px}
#customLightbox{display:none;position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;cursor:pointer;user-select:none}
#lightboxImage{max-width:95%;max-height:95vh;object-fit:contain;box-shadow:0 0 20px rgba(0,0,0,.5);border-radius:4px}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:50px;font-weight:bold;cursor:pointer;user-select:none;padding:20px;transition:.3s;border-radius:4px;z-index:10000}
.lightbox-nav:hover{background-color:rgba(255,255,255,.1);color:var(--gold)}
.lightbox-prev{left:20px}
.lightbox-next{right:20px}
.lightbox-content{display:flex;flex-direction:column;align-items:center;max-height:100vh}
#lightboxCounter{color:var(--mid);margin-top:10px;font-size:.9em;font-family:var(--font-mono)}
.document-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
.document-item{display:flex;align-items:center;background:var(--surface);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-md);padding:20px 25px;box-shadow:0 4px 12px rgba(0,0,0,.02);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.document-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.06);border-color:var(--gold)}
.doc-date{font-family:var(--font-heading);color:var(--text-muted);font-size:.95em;min-width:110px;font-weight:600}
.doc-details{flex-grow:1;padding:0 20px;border-left:1px solid rgba(0,0,0,.05)}
.doc-details h3{margin:0 0 8px 0;font-size:1.2rem;color:var(--text-main)}
.doc-download a{display:inline-block;font-family:var(--font-text);background-color:var(--bg-light);color:var(--text-main);font-weight:600;padding:10px 24px;border-radius:var(--radius-pill);text-decoration:none;border:1px solid rgba(0,0,0,.05);transition:all .2s ease;white-space:nowrap}
.doc-download a:hover{background-color:var(--gold);color:var(--text-main);border-color:var(--gold);box-shadow:0 4px 15px var(--gold-glow);transform:scale(1.05)}
.accordion-btn{font-family:var(--font-heading);background-color:var(--surface);color:var(--text-main);cursor:pointer;padding:18px 25px;width:100%;text-align:left;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);font-size:1.1em;font-weight:700;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,.02);transition:all .2s ease;border-left:4px solid var(--gold);margin-bottom:0}
.accordion-btn:hover{background-color:var(--surface-light);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.05)}
.accordion-content{background-color:var(--surface);max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out;border-radius:0 0 var(--radius-md) var(--radius-md);margin-bottom:30px}
.accordion-content.show{max-height:1000px;padding:30px 25px;border:1px solid rgba(0,0,0,.05);border-top:none;box-shadow:0 10px 20px rgba(0,0,0,.03)}
.upload-form{display:flex;flex-direction:column;max-width:600px}
.upload-form label{font-family:var(--font-text);font-weight:bold;margin-bottom:8px;color:var(--black)}
.upload-form input[type="text"],.upload-form input[type="file"],.upload-form input[type="email"],.upload-form input[type="password"]{font-family:var(--font-text);padding:12px 15px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);font-size:1em;background-color:var(--bg-light);color:var(--text-main);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}
.upload-form input[type="text"]:focus,.upload-form input[type="email"]:focus,.upload-form input[type="password"]:focus{border-color:var(--mid);outline:none}
.profile-placeholder{font-size:4.5em;color:var(--mid);padding:10px 0}
.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;background:var(--off);padding:15px;border:1px solid var(--gray);border-radius:6px}
.roles-grid label{font-weight:normal;margin-bottom:0;display:flex;align-items:center;cursor:pointer;color:var(--black)}
.roles-grid input[type="checkbox"]{margin-right:10px;margin-bottom:0;width:16px;height:16px;cursor:pointer;accent-color:var(--black)}
.filter-bar{display:flex;flex-wrap:wrap;gap:20px;background-color:var(--surface);padding:20px 25px;border-radius:var(--radius-md);margin-bottom:30px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 15px rgba(0,0,0,.02)}
.filter-group{display:flex;flex-direction:column;flex-grow:1;min-width:200px}
.filter-group label{font-weight:600;color:var(--text-muted);margin-bottom:8px;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}
.filter-group select,.filter-group input{font-family:var(--font-text);padding:12px 15px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);font-size:1em;background-color:var(--bg-light);color:var(--text-main);transition:border-color .2s,box-shadow .2s}
.filter-group select:focus,.filter-group input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px var(--gold-glow)}
.doc-roles-container{margin-top:5px}
.profile-container{max-width:1000px;margin:40px auto;padding:0 20px}
.profile-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px}
.card{background:var(--surface);border:1px solid var(--gray);border-radius:var(--radius-md);padding:25px;margin-bottom:20px}
.profile-card{text-align:center}
.profile-image-wrap img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--gold)}
.register-label{color:var(--gold);font-weight:bold;margin:5px 0}
.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tag{background:var(--surface-light);padding:4px 12px;border-radius:20px;font-size:.85em;border:1px solid var(--gray)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:5px;font-weight:bold;font-size:.9em}
.form-group input{width:100%;padding:10px;border:1px solid var(--gray);border-radius:var(--radius-sm)}
.goenner-hidden{display:none!important}
.clickable-card{cursor:pointer}
.grid-2-cols{grid-template-columns:repeat(2,1fr)}
.optin-box{background:var(--off);padding:15px 20px;border:1px solid var(--gray);border-radius:var(--radius-sm);margin-bottom:25px}
.optin-box label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0;font-weight:500;color:var(--text-main)}
.optin-box input[type="checkbox"]{margin-top:4px;width:18px;height:18px;accent-color:var(--black);cursor:pointer;flex-shrink:0}
.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--gray);border-radius:var(--radius-sm);font-family:var(--font-text);background-color:var(--surface);color:var(--text-main);box-sizing:border-box}
.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);outline:none}
.sn-sponsor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:50px}
.sn-sponsor-card{background:var(--surface);border:1px solid var(--gray);border-radius:var(--radius-sm);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:25px;transition:transform .2s,box-shadow .2s}
.sn-sponsor-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:var(--gold)}
.sn-sponsor-img{max-width:100%;max-height:100%;object-fit:contain}
.sn-sponsor-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.sn-bulk-img{max-width:100%;height:auto;border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 4px 15px rgba(0,0,0,.05)}
.sn-ok-box{text-align:center;background:var(--surface-light);padding:40px;border-radius:var(--radius-md);margin-bottom:60px;border-top:4px solid var(--black)}
.sn-ok-split{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:center;text-align:left}
.sn-ok-card-wrapper{width:100%;margin:0 auto}
.sn-ok-role-text{position:absolute;bottom:48px;left:20px;z-index:3;margin:0;font-size:.9em;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8);color:var(--gold);font-weight:bold}
.sn-timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:30px}
.sn-timeline-card{background:var(--surface);border:1px solid var(--gray);border-radius:var(--radius-md);padding:30px;box-shadow:0 8px 24px rgba(0,0,0,.04);transition:transform .2s ease,border-color .2s}
.sn-timeline-card:hover{transform:translateY(-3px);border-color:var(--gold)}
.sn-timeline-time{display:inline-block;background:var(--gold);color:var(--black);font-family:var(--font-mono);font-weight:700;padding:6px 12px;border-radius:var(--radius-sm);margin-bottom:15px;font-size:.9em;letter-spacing:.5px}
.sn-timeline-title{margin-top:0;margin-bottom:10px;font-size:1.4rem;color:var(--text-main)}
.sn-highlights-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px;padding-top:20px;border-top:1px dashed var(--gray)}
.sn-highlight-badge{background:var(--surface-light);border:1px solid var(--gold);color:var(--text-main);font-weight:600;padding:8px 16px;border-radius:var(--radius-pill);font-size:.95em;box-shadow:0 4px 10px rgba(0,0,0,.02)}
.site-footer{background-color:var(--surface);border-top:1px solid var(--gray);padding:40px 20px 20px 20px;margin-top:80px;text-align:center;position:relative}
.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:15px;align-items:center}
.footer-links{display:flex;gap:20px;margin-bottom:10px}
.footer-link{color:var(--text-muted);text-decoration:none;font-size:.9em;font-weight:500;transition:color .2s ease}
.footer-link:hover{color:var(--gold)}
.footer-copyright{color:var(--text-muted);font-size:.85em}
.footer-credit{color:var(--text-muted);font-size:.85em;margin-top:10px}
.footer-credit a{color:var(--black);font-weight:700;text-decoration:none}
.footer-credit a:hover{color:var(--gold)}
.back-to-top{position:fixed;bottom:30px;right:30px;background:var(--gold);color:var(--black);width:45px;height:45px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(255,183,3,.4)}
.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-light);margin:0}
.login-container{background-color:var(--surface);padding:40px;border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.04);width:100%;max-width:400px;text-align:center;border:1px solid rgba(0,0,0,.05);border-top:4px solid var(--gold);box-sizing:border-box}
.login-container h2{font-family:var(--font-heading);margin:0 0 25px 0;color:var(--text-main);font-size:1.8em}
.login-input-group{text-align:left;margin-bottom:20px}
.login-input-group label{font-size:.9em;font-weight:700;color:var(--text-main);display:block;margin-bottom:8px}
.login-input-group input[type="text"],.login-input-group input[type="password"]{font-family:var(--font-text);width:100%;padding:12px 15px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);background-color:var(--bg-light);color:var(--text-main);font-size:1em;transition:border-color .2s;box-sizing:border-box}
.login-input-group input[type="text"]:focus,.login-input-group input[type="password"]:focus{border-color:var(--gold);outline:none}
.login-btn-submit{font-family:var(--font-text);width:100%;padding:12px;background-color:var(--black);color:var(--white);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s}
.login-btn-submit:hover{background-color:var(--mid)}
.login-error{color:#cc0000;margin-bottom:20px;background:#ffe6e6;padding:12px;border-radius:var(--radius-sm);border-left:4px solid #cc0000;text-align:left;font-size:.9em;font-weight:600}
.login-back-link{display:inline-block;margin-top:25px;color:var(--mid);font-size:.9em;text-decoration:none;transition:color .2s}
.login-back-link:hover{color:var(--gold);text-decoration:underline}
.cookie-banner { position: fixed; top: 0; left: 0; width: 100%; background: var(--surface); border-bottom: 3px solid var(--gold); box-shadow: 0 10px 30px rgba(0,0,0,0.1); z-index: 99999; padding: 15px 20px; box-sizing: border-box; transform: translateY(-100%); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); display: none; }
.cookie-banner.show { transform: translateY(0); }
.cookie-content { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.cookie-content p { margin: 0; font-size: 0.9em; color: var(--text-main); line-height: 1.4; flex-grow: 1; }
.cookie-content a { font-weight: bold; color: var(--black); }
.cookie-content a:hover { color: var(--gold); }
.cookie-btn { font-family: var(--font-text); background: var(--black); color: var(--white); border: none; padding: 10px 24px; border-radius: var(--radius-pill); font-weight: 700; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; }
.cookie-btn:hover { background: var(--gold); color: var(--black); }
@media (min-width: 851px) and (max-width: 1250px){.main-nav{gap:10px;padding:10px 15px;width:100%;max-width:100vw}
    .nav-logo{margin-right:15px}
    .nav-logo img{height:40px}
    .nav-pages{gap:2px}
    .nav-pages a{padding:8px;font-size:.75rem;letter-spacing:-.2px}
    .nav-user{gap:8px;margin-left:auto}
    .nav-user .nav-btn{padding:6px 10px;font-size:.85em}
}@media (max-width: 850px){
    .container{padding:0 15px}
    .content-area{padding:25px}
    .mobile-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--gold);border-radius:var(--radius-md);margin-bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,.05);position:sticky;top:10px;z-index:1000}
    .mobile-logo{display:flex;align-items:center;text-decoration:none}
    .mobile-logo img{height:38px;width:auto;max-width:100%;filter:drop-shadow(0 0 6px rgba(0,0,0,.05))}
    .nav-logo{display:none}
    .main-nav{display:none;flex-direction:column;align-items:stretch;padding:15px;width:100%;margin:0 0 20px 0;box-sizing:border-box;background:var(--surface);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);backdrop-filter:none;position:sticky;top:85px;z-index:999}
    .main-nav.open{display:flex;max-height:calc(100vh - 100px);max-height:calc(100svh - 100px);margin-bottom:0;padding-bottom:30px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none}
    .main-nav.open::-webkit-scrollbar{display:none}
    .nav-pages{flex-direction:column;align-items:flex-start;width:100%;gap:0;padding:20px 0}
    .nav-pages > a,.nav-pages .dropdown > a,.nav-user > a.login-btn{display:block;width:100%;text-align:left;padding:15px 25px;font-size:1.1rem;font-weight:600;border-radius:0;border-bottom:1px solid rgba(0,0,0,.05);box-sizing:border-box}
    .nav-pages a.active{background:var(--gold);color:var(--bg-light)}
    .dropdown{display:block;margin-right:0;width:100%}
    .dropdown-content{position:static;width:100%;box-shadow:none;border:none;background:rgba(0,0,0,.03);padding:10px 0 10px 20px;display:block;transform:none;opacity:1;visibility:visible}
    .dropdown-content a:active,.dropdown-content a.sub-active{border-left-color:var(--gold);background-color:var(--surface-light);color:var(--text-main);font-weight:600}
    .nav-user{flex-direction:column;width:100%;padding:0;align-items:flex-start;border-top:1px solid rgba(0,0,0,.05);margin-top:0}
    .user-dropdown{width:100%;margin:0}
    .user-avatar-btn{width:100%;justify-content:flex-start;background:transparent!important;border:none!important;border-radius:0!important;padding:15px 25px;font-size:1.1rem;font-weight:600;color:var(--text-main);border-bottom:1px solid rgba(0,0,0,.05)}
    .nav-avatar-img{width:32px;height:32px;border-width:2px}
    .user-dropdown .dropdown-content,.user-dropdown-content{background:transparent!important;border-radius:0!important;padding:0 0 15px 0!important;margin:0!important;border:none!important;box-shadow:none!important}
    .user-dropdown-header{padding:15px 25px 5px 25px;font-size:.85rem;color:var(--text-muted)}
    .user-dropdown-divider{display:none!important}
    .user-dropdown-content a{padding:12px 25px 12px 40px!important;border-left:3px solid rgba(255,183,3,.3)!important;border-bottom:none!important;margin:2px 0!important;font-size:1rem!important;color:var(--text-muted)!important;background:transparent!important}
    .user-dropdown-content a:hover,.user-dropdown-content a:active{background-color:var(--surface-light)!important;border-left-color:var(--gold)!important;color:var(--text-main)!important}
    .hero-section{min-height:auto;height:auto;background-color:var(--black,#050505);padding:40vw 20px 40px 20px}
    .hero-section::before{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 30vw,var(--black,#050505) 55vw)}
    .hero-content{margin-top:0;width:100%}
    .hero-section h1{font-size:2rem;margin-bottom:12px;text-shadow:none}
    .hero-motto{font-size:1.05rem;margin-bottom:25px;line-height:1.4;text-shadow:none}
    .hero-actions{flex-direction:column;gap:12px}
    .hero-actions a{width:100%}
    .hero-bg-img{top: -10vh;}
    .social-strip{flex-direction:column;gap:15px;text-align:center}
    .social-btn{padding:8px 12px}
    .ticker-wrap{padding:12px 0;border-radius:0;width:100vw;margin-left:calc(-50vw + 50%);border-left:none;border-right:none}
    .ticker-item{font-size:1rem}
    .tour-table{background:transparent;box-shadow:none;border-radius:0}
    .tour-table thead{display:none}
    .tour-table tbody tr{display:block;background:var(--surface);border-radius:var(--radius-md);margin-bottom:20px;box-shadow:0 8px 24px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.05);padding:15px 0}
    .tour-table td{display:block;padding:4px 20px;border:none;text-align:left}
    .tour-table td.tour-date{font-size:.9em;letter-spacing:.5px;padding-bottom:2px}
    .tour-table td.tour-title{font-size:1.35rem;font-family:var(--font-heading);line-height:1.2;color:var(--text-main);margin-bottom:5px}
    .tour-table td.tour-stages{padding-top:10px;padding-bottom:15px}
    .tour-table td.tour-location{padding-top:12px;padding-bottom:5px;color:var(--text-muted);font-size:.95em;display:flex;align-items:center;gap:8px;border-top:1px dashed var(--gray);margin:0 20px;padding-left:0;padding-right:0}
    .tour-table td.tour-location::before{content:"📍";font-size:1.1em}
    .archive-table tbody tr{opacity:.75;box-shadow:0 2px 8px rgba(0,0,0,.02)}
    .grid-2-cols{grid-template-columns:1fr}
    .rep-song{flex-direction:column;align-items:flex-start;gap:8px}
    .rep-song-arr{margin-left:28px}
    .lightbox-nav{font-size:30px;padding:10px}
    .lightbox-prev{left:5px}
    .lightbox-next{right:5px}
    .document-item{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}
    .doc-details{padding:0;border-left:none;width:100%}
    .doc-download{width:100%}
    .doc-download a{display:block;text-align:center;width:100%;box-sizing:border-box}
    .gallery-arrow{width:35px;height:35px;font-size:1rem}
    .gallery-prev{left:5px}
    .gallery-next{right:5px}
    .profile-grid{grid-template-columns:1fr}
    .form-row{grid-template-columns:1fr}
    .members-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}
    .member-card p{font-size:.7em!important}
    .member-name{text-align:left}
    .member-year{top:5px;right:5px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-pill);letter-spacing:.5px;color:var(--white);backdrop-filter:blur(4px)}
    .register-nav-wrapper{top:68px;margin:10px -15px 20px -15px;padding:20px 15px 10px 15px;border-radius:0;border-left:none;border-right:none}
    .register-title{scroll-margin-top:140px}
    .nav-arrow{display:none}
    .btn-contact{padding:10px!important}
    .accordion-panel{overflow-x:auto;padding:15px}
    .accordion-panel th,.accordion-panel td{padding:10px 8px;font-size:.85em}
    .accordion-panel td:first-child,.accordion-panel th:first-child{white-space:nowrap}
    .sn-grid-3{grid-template-columns:1fr}
    .sn-timeline-grid{grid-template-columns:1fr;gap:20px}
    .sn-ok-split{grid-template-columns:1fr;text-align:center}
    .footer-content{flex-direction:column;text-align:center;gap:15px}
    .footer-credit{margin-top:5px}
    .footer-links{justify-content:center;margin-bottom:10px;display:flex;gap:15px}
    .back-to-top{bottom:20px;right:20px;width:40px;height:40px}
    .cookie-content { flex-direction: column; text-align: center; gap: 15px; }
    .cookie-btn { width: 100%; }
}