.container{max-width:680px;margin:52px auto;padding:0 24px}.section-block{background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 40px;margin-bottom:24px}.section-block:last-child{margin-bottom:0}.section-header{margin-bottom:24px}.section-header h2{font-family:var(--font-display);color:var(--white);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;line-height:1.2;margin-bottom:6px}.section-rule{display:block;width:48px;height:1px;background:var(--gold);margin-top:10px}.notice{background:rgba(139,0,0,0.1);border-left:3px solid var(--red);border-radius:0 var(--radius)var(--radius)0;padding:13px 16px;font-size:0.86rem;color:rgba(255,255,255,0.60);font-weight:300;line-height:1.65;margin-bottom:24px}.notice a{color:var(--gold-light);text-decoration:none;transition:color 0.2s ease}.notice a:hover{color:var(--white)}.login-wrap{display:grid;gap:18px}.field{display:grid;gap:7px}label{font-size:0.75rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.60)}input[type="text"],input[type="password"]{padding:11px 14px;background:var(--dark-4);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius);font-family:var(--font-body);font-size:0.93rem;font-weight:300;color:rgba(255,255,255,0.8);transition:border-color 0.2s ease,box-shadow 0.2s ease;-webkit-appearance:none;appearance:none;width:100%}input::placeholder{color:rgba(255,255,255,0.35)}input:focus{outline:none;border-color:rgba(192,33,43,0.6);box-shadow:0 0 0 3px rgba(192,33,43,0.1)}input[aria-invalid="true"]{border-color:rgba(192,33,43,0.7)}.btn-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}@keyframes btnPulse{0%,100%{box-shadow:0 4px 20px rgba(192,33,43,0.3)}50%{box-shadow:0 4px 28px rgba(192,33,43,0.55),0 0 0 1px rgba(184,150,90,0.3)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 36px;background:linear-gradient(135deg,var(--red)0%,#a01a22 50%,var(--gold)100%);background-size:200% 200%;background-position:0% 50%;color:var(--white);font-family:var(--font-body);font-weight:500;font-size:0.82rem;letter-spacing:0.15em;text-transform:uppercase;border-radius:var(--radius);min-height:44px;border:1px solid var(--gold);box-shadow:0 4px 20px rgba(192,33,43,0.3);transition:background-position 0.4s ease,transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;animation:btnPulse 2.5s ease-in-out infinite;cursor:pointer}.btn:hover{background-position:100% 50%;animation:none;transform:scale(1.04);border-color:var(--gold-light);box-shadow:0 12px 40px rgba(192,33,43,0.55),0 0 0 1px var(--gold-light)}.btn:active{transform:scale(1);box-shadow:0 4px 20px rgba(192,33,43,0.3);animation:none}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:13px 36px;min-height:44px;background:transparent;border:1px solid var(--gold);color:var(--gold-light);border-radius:var(--radius);font-family:var(--font-body);font-weight:500;font-size:0.82rem;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease,transform 0.2s ease,box-shadow 0.3s ease}.btn-outline:hover{background:rgba(184,150,90,0.12);border-color:var(--gold-light);color:var(--white);transform:scale(1.04);box-shadow:0 8px 28px rgba(184,150,90,0.2),0 0 0 1px var(--gold-light)}.btn-outline:active{transform:scale(1);box-shadow:none}.btn-outline:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.login-error{font-size:0.82rem;color:rgba(255,130,130,0.85);font-weight:400;letter-spacing:0.02em}.member-intro{font-size:0.9rem;color:rgba(255,255,255,0.60);font-weight:300;line-height:1.8;margin-bottom:28px}.doc-group-label{font-size:0.7rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.50);padding:20px 0 10px;border-top:1px solid var(--border);margin-top:4px;display:block}.doc-group:first-of-type .doc-group-label{border-top:none;padding-top:0;margin-top:0}.doc-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.doc-list li a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);color:rgba(255,255,255,0.65);text-decoration:none;font-size:0.88rem;font-weight:300;line-height:1.4;min-height:44px;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;border:1px solid transparent}.doc-list li a:hover{background:rgba(255,255,255,0.04);border-color:var(--border);color:var(--white)}.doc-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:rgba(192,33,43,0.15);border-radius:var(--radius);font-size:0.75rem;color:var(--red);font-weight:600;letter-spacing:0.04em}.doc-list li a[href$=".pdf"] .doc-icon::before{content:"PDF"}.doc-list li a[href*="handball4all"] .doc-icon::before{content:"↗";font-size:1em;font-weight:400}.logout-row{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}@media(max-width:768px){.section-block{padding:24px 18px}.btn-row{flex-direction:column;align-items:stretch}.btn-row .btn{width:100%;justify-content:center}.login-error{text-align:center}}.section-block{transition:border-color 0.4s ease,transform 0.4s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s ease}.section-block:hover{border-color:rgba(192,33,43,0.4);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.35)}