.club-creation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;padding:1rem}.club-creation-modal-overlay.visible{opacity:1}.club-creation-modal{background-color:var(--foreground-color,#fff);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.95) translateY(20px);transition:transform .2s ease-in-out;position:relative;display:flex;flex-direction:column}.club-creation-modal-overlay.visible .club-creation-modal{transform:scale(1) translateY(0)}.club-creation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color,#e0e0e0);flex-shrink:0}.club-creation-modal-title{font-size:var(--font-size-xl,1.5rem);font-weight:var(--font-weight-bold,600);color:var(--text-primary,#1d1d1f);margin:0}.club-creation-modal-close{background:0 0;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary,#6e6e73);display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color 150ms ease-in-out,color 150ms ease-in-out,transform 150ms ease-in-out}.club-creation-modal-close:hover{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.club-creation-modal-close:active{transform:scale(.95)}.club-creation-modal-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0}.club-creation-form{flex:1;display:flex;flex-direction:column;gap:1.5rem}.club-creation-field{display:flex;flex-direction:column;gap:.5rem}.club-creation-label{font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);color:var(--text-primary,#1d1d1f);display:block}.club-creation-required{color:var(--danger-red-color,#dc3545)}.club-creation-input{width:100%;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;font-size:var(--font-size-base,1rem);font-family:inherit;color:var(--text-primary,#1d1d1f);background-color:var(--foreground-color,#fff);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;line-height:1.5}.club-creation-input:focus{outline:0;border-color:var(--primary-color,#3686ff);box-shadow:0 0 0 3px rgba(54,134,255,.1)}.club-creation-input::placeholder{color:var(--text-secondary,#6e6e73)}.club-creation-privacy-selector{display:flex;flex-direction:column;gap:.75rem}.club-creation-privacy-option{display:flex;align-items:center;cursor:pointer;padding:1rem;border:2px solid var(--border-color,#e0e0e0);border-radius:12px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--foreground-color,#fff)}.club-creation-privacy-option:hover{border-color:var(--primary-color,#3686ff);background-color:var(--background-hover,#f5f5f7)}.club-creation-radio{display:none}.club-creation-radio:checked+.club-creation-radio-label{color:var(--primary-color,#3686ff)}.club-creation-privacy-option:has(.club-creation-radio:checked),.club-creation-radio:checked~.club-creation-privacy-option{border-color:var(--primary-color,#3686ff);background-color:rgba(54,134,255,.05);box-shadow:0 0 0 3px rgba(54,134,255,.1)}.club-creation-radio-label{display:flex;flex-direction:column;gap:.25rem;flex:1;color:var(--text-primary,#1d1d1f);transition:color .2s ease-in-out}.club-creation-radio-label i{font-size:1.25rem;margin-bottom:.25rem}.club-creation-radio-label span{font-weight:var(--font-weight-medium,500);font-size:var(--font-size-base,1rem)}.club-creation-radio-label small{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#6e6e73);font-weight:var(--font-weight-normal,400)}.club-creation-error{padding:.75rem 1rem;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:var(--font-size-sm,.875rem);line-height:1.5}.club-creation-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-shrink:0}.club-creation-cancel,.club-creation-submit{padding:.75rem 1.5rem;border-radius:12px;font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-medium,500);cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px}.club-creation-cancel{background-color:var(--background-hover,#f5f5f7);color:var(--text-primary,#1d1d1f)}.club-creation-cancel:hover{background-color:var(--gray-background-color,#e5e5e7)}.club-creation-submit{background-color:var(--primary-color,#3686ff);color:#fff}.club-creation-submit:hover:not(:disabled){background-color:var(--primary-color-hover,#2d6fd9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(54,134,255,.3)}.club-creation-submit:active:not(:disabled){transform:translateY(0)}.club-creation-submit:disabled{opacity:.5;cursor:not-allowed}.club-creation-submit-loading{display:inline-block;animation:spin 1s linear infinite}.club-creation-spinner-path{animation:dash 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width:768px){.club-creation-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:85vh}.club-creation-modal-overlay{align-items:flex-end;padding:0}.club-creation-modal-overlay.visible .club-creation-modal{transform:translateY(0)}}