:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--color-primary: #072f47;--color-secondary: #1da0c5;--color-accent: #16b095;--color-accent-light: #3cb878;--color-white: #ffffff;--color-light-bg: #f5f9fa;--color-text: #213547;--color-text-light: #5a6c7d;--color-error: #e74c3c;color:var(--color-text);background-color:var(--color-light-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;min-width:320px;height:auto;min-height:100%}#root{min-height:100vh;height:auto}.shared-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#09294b;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.shared-header-logo{height:48px;cursor:pointer;transition:opacity .2s}.shared-header-logo:hover{opacity:.9}.shared-header-spacer{width:48px}.shared-header-home{background:transparent;box-shadow:none;position:absolute;top:0;left:0;right:0}.shared-header-light{background:#fff}.shared-header-light .user-menu-btn{color:#09294b}.shared-header .header-actions{display:flex;align-items:center;gap:16px}.shared-header .user-menu-container{position:relative}.shared-header .user-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;color:#fff;transition:background .2s}.shared-header .user-menu-btn:hover{background:#ffffff40}.shared-header .user-icon{width:24px;height:24px}.shared-header .user-menu-overlay{position:fixed;inset:0;z-index:999}.shared-header .user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;overflow:hidden}.shared-header .user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#334155;text-align:left;transition:background .2s}.shared-header .user-menu-item:hover{background:#f1f5f9}.shared-header .user-menu-item svg{width:20px;height:20px;color:#64748b}.shared-header .user-menu-logout{border-top:1px solid #e2e8f0;color:#dc2626}.shared-header .user-menu-logout svg{color:#dc2626}.shared-header .login-header-btn{padding:10px 24px;background:#1da0c54d;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.shared-header .login-header-btn:hover{background:#1da0c580}@media(max-width:768px){.shared-header{padding:12px 16px}.shared-header-logo{height:36px}.shared-header .header-actions{gap:12px}.shared-header .login-header-btn{padding:8px 16px;font-size:13px}}.donation-page{min-height:100vh;height:auto;background:#f5f9fa;overflow:visible;position:relative}.donation-page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#09294b}.header-logo{width:60px;height:auto}.header-logo-clickable{cursor:pointer;transition:opacity .2s ease-in-out}.header-logo-clickable:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:16px}.header-right .language-switcher{margin-bottom:0}.donation-container{background:#f5f9fa;padding-bottom:100px;min-height:100vh;height:auto;-webkit-overflow-scrolling:touch}.donation-content{max-width:600px;margin:0 auto;padding:40px 24px}.donation-header{text-align:center;margin-bottom:32px}.donation-badge{width:100%;max-width:100%;height:auto;margin-bottom:16px;border-radius:12px}.donation-title{font-size:28px;font-weight:700;margin:0}.donation-description{color:#5a6c7d;font-size:15px;line-height:1.7;margin-bottom:32px}.donation-description p{margin-bottom:16px}.donation-highlight{font-weight:600;color:#09294b;font-style:italic}.donation-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #072f4714}.donation-subtitle{font-size:18px;font-weight:600;color:#09294b;margin:0 0 20px}.amount-button{width:100%;padding:18px 24px;font-size:20px;font-weight:700;background:#fff;color:#09294b;border:2px solid #e57c23;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.amount-button:hover{background:#fff5f0}.amount-button.selected{background:#fff0f0;border-color:#e63946;color:#e63946}.payment-info{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;text-align:center;color:#5a6c7d;font-size:14px}.payment-info p{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.level-message{margin-top:16px!important;font-style:italic;color:#09294b;font-weight:500;display:block!important;text-align:center}.day-input{width:60px;padding:8px 12px;font-size:16px;font-weight:600;text-align:center;border:2px solid #09294b;border-radius:6px;color:#09294b}.day-input:focus{outline:none;border-color:#1da0c5}.donation-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e8ed;padding:16px 24px;box-shadow:0 -4px 12px #0000001a;z-index:100}.donation-footer-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.selected-amount{font-size:18px;font-weight:700;color:#09294b}.donate-button{display:flex;align-items:center;gap:10px;background:#e63946;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.donate-button:hover:not(:disabled){background:#d62839;transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}.donate-button:disabled{background:#ccc;cursor:not-allowed}.donate-button .arrow{font-size:20px;transition:transform .2s}.donate-button:hover:not(:disabled) .arrow{transform:translate(4px)}.level-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:32px;padding:16px 0}.level-tab{padding:10px 24px;border:2px solid #e1e8ed;border-radius:50px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;color:#09294b}.level-tab:hover{border-color:#09294b;text-decoration:none}.level-tab.active{background:#09294b;border-color:#09294b;color:#fff}.level-tab.bronze.active{background:#cd7f32;border-color:#cd7f32}.level-tab.silver.active{background:gray;border-color:gray}.level-tab.gold.active{background:#daa520;border-color:#daa520}.section-info{margin-top:0}.login-prompt{background:#e8f4f8;border-radius:8px;padding:16px;margin-bottom:20px;text-align:center}.login-prompt p{margin:0;color:#5a6c7d;font-size:14px}.login-link{background:none;border:none;color:#1da0c5;font-weight:600;cursor:pointer;text-decoration:underline;font-size:14px;padding:0}.login-link:hover{color:#09294b}.required-notice{font-size:13px;color:#5a6c7d;margin-bottom:20px;font-style:italic}.section-info .form-group{margin-bottom:16px}.section-info .form-group label{display:block;font-size:14px;font-weight:500;color:#09294b;margin-bottom:6px}.section-info .form-group input{width:100%;padding:12px 14px;border:2px solid #e1e8ed;border-radius:8px;font-size:15px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;box-sizing:border-box}.section-info .form-group input:focus{border-color:#1da0c5;box-shadow:0 0 0 3px #1da0c51a}.section-info .form-group input.input-disabled,.section-info .form-group input:disabled{background-color:#f0f0f0;color:#666;cursor:not-allowed;border-color:#ddd}.checkbox-group{margin:20px 0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:#09294b}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#09294b}.organization-fields{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:16px;border:1px solid #e1e8ed}.organization-fields .form-group:last-child{margin-bottom:0}.sponsor-question{margin-bottom:24px}.question-label{font-size:15px;font-weight:500;color:#09294b;margin-bottom:16px}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;color:#09294b}.radio-label input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#09294b}.sponsor-number-field{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.summary-section{text-align:center}.summary-header{margin-bottom:32px}.summary-logo{width:100px;height:auto;margin-bottom:20px}.summary-thank-you{font-size:22px;font-weight:600;color:#09294b;margin:0}.summary-details{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e1e8ed;font-size:15px;color:#5a6c7d}.summary-row:last-child{border-bottom:none}.summary-row.summary-total{margin-top:8px;padding-top:16px;border-top:2px solid #09294b;border-bottom:none;font-weight:700;font-size:18px;color:#09294b}.summary-amount{font-weight:600;color:#09294b}.summary-total .summary-amount{font-size:20px;color:#e63946}.summary-row.summary-net-cost{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(9,41,75,.2);font-size:14px;color:#666}.summary-net-cost .net-cost-amount{font-size:16px;font-weight:700;color:#22c55e}.terms-checkbox{text-align:left;margin-top:24px}.terms-checkbox .checkbox-label{font-size:14px;line-height:1.5}.helloasso-label{display:flex;align-items:center;gap:6px}.info-tooltip{position:relative;display:inline-flex}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#1da0c5;color:#fff;border-radius:50%;font-size:12px;font-weight:700;font-style:italic;cursor:help;font-family:Georgia,serif}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:280px;background:#09294b;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5;text-align:left;z-index:1000;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;box-shadow:0 4px 12px #0003}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#09294b}.info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.summary-amount-with-edit{display:flex;align-items:center;gap:8px}.edit-amount-btn{background:none;border:none;color:#1da0c5;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.edit-amount-btn:hover{color:#09294b}.terms-checkbox a{color:#1da0c5;text-decoration:underline}.terms-checkbox a:hover{color:#09294b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#5a6c7d;cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:#09294b}.modal-title{font-size:22px;font-weight:700;color:#09294b;margin:0 0 24px;text-align:center}.helloasso-modal{text-align:center}.helloasso-message{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px;height:140px;display:flex;align-items:center;justify-content:center}.helloasso-title{display:flex;flex-direction:column;font-size:20px;font-weight:700;color:#e63946;margin:0 0 20px;line-height:1.4}.helloasso-title span{display:block}.helloasso-text{font-size:14px;color:#5a6c7d;line-height:1.6;margin:0}.helloasso-slider-container{margin-bottom:24px}.helloasso-label-text{display:block;font-size:14px;font-weight:500;color:#5a6c7d;margin-bottom:8px}.helloasso-amount-display{font-size:36px;font-weight:700;color:#09294b;margin-bottom:16px}.helloasso-slider{width:100%;height:8px;border-radius:4px;background:#e1e8ed;outline:none;-webkit-appearance:none;appearance:none}.helloasso-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#1da0c5;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003}.helloasso-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#1da0c5;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003}.helloasso-slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:#5a6c7d}.modal-validate-btn{width:100%;background:#e63946;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.modal-validate-btn:hover{background:#d62839;transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}.payment-section{text-align:left}.payment-summary{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:#5a6c7d;border-bottom:1px solid #e1e8ed}.payment-summary-row:last-child{border-bottom:none}.payment-level-badge{display:inline-block;padding:3px 12px;border-radius:12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff}.payment-level-badge.bronze{background:#cd7f32}.payment-level-badge.silver{background:#a0a0a0}.payment-level-badge.gold{background:#d4a017}.payment-summary-row.payment-summary-total{margin-top:8px;padding-top:14px;border-top:2px solid #09294b;border-bottom:none;font-weight:700;font-size:18px;color:#09294b}.card-form{background:#fff;border:2px solid #e1e8ed;border-radius:12px;padding:24px;margin-bottom:20px}.card-icons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.card-icon{width:48px;height:auto}.card-form .form-group{margin-bottom:16px}.card-form .form-group:last-child{margin-bottom:0}.card-form .form-group label{display:block;font-size:14px;font-weight:500;color:#09294b;margin-bottom:6px}.card-form .form-group input{width:100%;padding:12px 14px;border:2px solid #e1e8ed;border-radius:8px;font-size:15px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;box-sizing:border-box}.card-form .form-group input:focus{border-color:#1da0c5;box-shadow:0 0 0 3px #1da0c51a}.card-form .form-row{display:flex;gap:16px}.card-form .form-row .form-group{flex:1}.payment-secure-notice{display:flex;align-items:center;justify-content:center;gap:8px;color:#27ae60;font-size:14px;font-weight:500;margin-top:16px}.lock-icon{width:18px;height:18px}.pay-button{background:#27ae60}.pay-button:hover:not(:disabled){background:#219a52;box-shadow:0 4px 12px #27ae604d}.payment-redirect-info{background:#f0fdf4;border:2px solid #49D38A;border-radius:12px;padding:24px;text-align:center;margin-bottom:24px}.helloasso-logo-container{margin-bottom:16px}.helloasso-logo{width:140px;height:auto}.payment-redirect-info p{margin:0;color:#5a6c7d;font-size:14px;line-height:1.6}.accepted-cards{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.accepted-cards-label{font-size:13px;color:#5a6c7d}.accepted-cards .card-icons{display:flex;justify-content:center;gap:12px}.payment-method-section{margin:24px 0}.payment-method-title{font-size:16px;font-weight:600;color:#09294b;margin:0 0 16px;text-align:left}.payment-method-options{display:flex;flex-direction:column;gap:16px}.payment-method-option{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:2px solid #e1e8ed;border-radius:16px;cursor:pointer;transition:all .25s ease-in-out;box-shadow:0 2px 8px #0000000a}.payment-method-option:hover{border-color:#1da0c5;background:linear-gradient(135deg,#f8fcfd,#f0f9fc);box-shadow:0 4px 16px #1da0c51f;transform:translateY(-2px)}.payment-method-option.selected{border-color:#1da0c5;background:linear-gradient(135deg,#f0f9fc,#e6f4f9);box-shadow:0 0 0 4px #1da0c526,0 4px 16px #1da0c51a}.payment-method-option input[type=radio]{width:22px;height:22px;margin-top:4px;cursor:pointer;accent-color:#1da0c5;flex-shrink:0}.payment-method-content{flex:1;display:flex;flex-direction:column}.payment-method-content,.payment-method-content *{text-align:left}.payment-method-header{display:flex;align-items:center;justify-content:flex-start!important;gap:12px;margin-bottom:8px;flex-wrap:wrap;width:100%;text-align:left!important}.payment-method-name{font-size:17px;font-weight:700;color:#09294b;text-align:left!important}.summary-section .payment-method-section{text-align:left!important}.summary-section .payment-method-header{justify-content:flex-start!important}.summary-section .payment-method-description{text-align:left!important;display:block!important}.payment-method-badge{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.payment-method-badge.recommended{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 2px 6px #27ae604d}.payment-method-description{font-size:14px;color:#5a6c7d;line-height:1.5;display:block!important;width:100%;margin-bottom:16px;text-align:left!important}.payment-method-icon{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:4px}.payment-method-icon .sepa-logo{width:72px!important;height:36px!important;min-width:72px;min-height:36px}.payment-method-icon.card-icons-small{display:flex;justify-content:flex-start;gap:10px;padding:12px 16px;background:#f8fafc;border-radius:10px}.card-icon-small{width:50px!important;height:32px!important;min-width:50px;min-height:32px;border-radius:4px;box-shadow:0 1px 3px #0000001a}.card-icons-inline{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.card-icons-inline .card-icon-small{width:32px!important;height:20px!important;min-width:32px;min-height:20px}.sepa-info{background:#f0f4ff;border-color:#004494}.sepa-logo-container{margin-bottom:16px}.sepa-logo-large{width:80px;height:40px}.sepa-advantages{background:#f8f9fa;border-radius:12px;padding:16px 20px;margin-bottom:20px}.sepa-advantage-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#09294b}.sepa-advantage-item:last-child{padding-bottom:0}.advantage-icon{width:20px;height:20px;flex-shrink:0}.sepa-pay-button{background:#004494}.sepa-pay-button:hover:not(:disabled){background:#037;box-shadow:0 4px 12px #0044944d}.contribution-type-section{margin:24px 0 16px}.contribution-type-title{font-size:16px;font-weight:600;color:#09294b;margin:0 0 16px;text-align:left}.contribution-type-options{display:flex;flex-direction:column;gap:12px}.contribution-type-option{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out}.contribution-type-option:hover{border-color:#1da0c5;background:#f8fcfd}.contribution-type-option.selected{border-color:#1da0c5;background:#f0f9fc;box-shadow:0 0 0 3px #1da0c51a}.contribution-type-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#1da0c5}.contribution-type-content{flex:1;display:flex;justify-content:space-between;align-items:center}.contribution-type-name{font-size:15px;font-weight:600;color:#09294b}.contribution-type-amount{font-size:15px;font-weight:600;color:#e63946}.why-sepa-inline{width:100%;margin-top:12px}.why-sepa-inline-title{display:block;font-size:13px;font-weight:700;color:#09294b;margin-bottom:4px;text-align:left!important}.why-sepa-inline-text{display:block;font-size:12px;color:#5a6c7d;line-height:1.5;text-align:left!important;font-style:italic}@media(max-width:600px){.donation-content{padding:8px 16px 20px}.donation-page-header{padding:12px 16px}.header-logo{width:50px}.level-tabs{margin-bottom:12px;padding:6px 0;gap:8px}.level-tab{padding:8px 16px;font-size:13px}.back-button{font-size:13px;margin-bottom:8px}.step-indicator{margin-bottom:16px}.step-badge{font-size:12px;padding:4px 12px}.donation-header{margin-bottom:20px}.donation-title{font-size:22px}.donation-subtitle{font-size:14px}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;font-size:14px}.form-row{flex-direction:column;gap:0}.card-form .form-row{flex-direction:row;gap:12px}.radio-group{gap:8px}.radio-card{padding:12px}.radio-card-content h4{font-size:14px}.radio-card-content p{font-size:12px}.payment-summary{padding:16px;margin-bottom:16px}.payment-summary-row{font-size:14px;padding:8px 0}.sepa-advantages{padding:12px;margin-top:12px}.sepa-advantage-item{font-size:13px}.donation-footer{padding:12px 16px}.donation-footer-content{flex-direction:column;gap:8px;text-align:center}.selected-amount{font-size:14px}.donate-button{width:100%;justify-content:center;padding:12px 20px;font-size:14px}.checkbox-label{font-size:13px}.payment-redirect-info{padding:12px;font-size:13px}}.company-container{background:#f5f9fa;padding-bottom:100px;min-height:100vh}.company-content{max-width:600px;margin:0 auto;padding:40px 24px}.company-header{text-align:center;margin-bottom:32px}.company-logo{width:120px;height:auto;margin-bottom:24px}.company-intro{font-weight:700}.company-title{font-size:28px;font-weight:700;color:#09294b;margin:0;line-height:1.3}.company-description{color:#5a6c7d;font-size:15px;line-height:1.7;margin-bottom:32px;text-align:center}.company-hero-card{background:linear-gradient(135deg,#09294b,#1da0c5);border-radius:16px;padding:32px 24px;margin-bottom:24px}.company-hero-card .company-header{margin-bottom:24px}.company-hero-card .company-title{color:#fff}.company-hero-card .company-description{color:#ffffffe6;margin-bottom:0}.company-hero-card .company-description p{color:#ffffffe6;margin:0 0 12px}.company-hero-card .company-description p:last-child{margin-bottom:0}.company-hero-card .company-intro,.company-hero-card .company-description strong{color:#fff;font-weight:700}.adhesion-steps-text{margin-bottom:24px;padding:0 8px}.adhesion-steps-title{font-size:14px;font-weight:600;color:#09294b;margin:0 0 12px}.adhesion-steps-list{margin:0;padding:0;list-style:none}.adhesion-steps-list li{position:relative;padding-left:20px;margin-bottom:8px;font-size:13px;color:#5a6c7d;line-height:1.5}.adhesion-steps-list li:last-child{margin-bottom:0}.adhesion-steps-list li:before{content:"•";position:absolute;left:0;color:#1da0c5;font-size:14px;font-weight:700;line-height:1.4}.confirmation-title{font-size:14px;font-weight:400;color:#09294b;margin:0 0 20px;padding-top:20px;border-top:1px solid #e1e8ed;line-height:1.5}.company-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #072f4714}.company-subtitle{font-size:18px;font-weight:600;color:#09294b;margin:0 0 20px}.employee-question{margin-bottom:0}.question-label{font-size:16px;font-weight:600;color:#09294b;margin-bottom:20px;text-align:center}.radio-group-horizontal{display:flex;gap:16px;justify-content:center}.radio-card{flex:1;max-width:150px;display:flex;align-items:center;justify-content:center;padding:16px 24px;background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out}.radio-card:hover{border-color:#1da0c5;background:#f8fcfd}.radio-card.selected{border-color:#1da0c5;background:#e8f7fb}.radio-card input[type=radio]{display:none}.radio-card-label{font-size:16px;font-weight:600;color:#09294b}.resources-collapse{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,margin-top .3s ease-in-out,padding .3s ease-in-out;margin-top:0}.resources-collapse.open{max-height:500px;margin-top:24px}.resources-content{background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e1e8ed}.resources-intro{font-size:14px;color:#5a6c7d;margin:0 0 20px;text-align:center}.resources-buttons{display:flex;flex-direction:column;gap:12px}.resource-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:2px solid #1da0c5;border-radius:10px;color:#09294b;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.resource-btn:hover{background:#e8f7fb;border-color:#1789ab;text-decoration:none}.resource-btn-disabled{border-color:#e1e8ed;color:#a0aec0;cursor:not-allowed;position:relative}.resource-btn-disabled:hover{background:#fff;border-color:#e1e8ed}.resource-icon{width:24px;height:24px;flex-shrink:0;color:#1da0c5}.resource-btn-disabled .resource-icon{color:#a0aec0}.resource-csv-intro{font-size:12px;color:#666;margin:16px 0 8px;width:100%}.coming-soon{margin-left:auto;font-size:12px;font-style:italic;color:#a0aec0;background:#f0f0f0;padding:4px 8px;border-radius:4px}.company-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e8ed;padding:16px 24px;box-shadow:0 -4px 12px #0000001a;z-index:100}.company-footer-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-spacer{flex:1}.next-button{display:flex;align-items:center;gap:10px;background:#1da0c5;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.next-button:hover:not(:disabled){background:#1789ab;transform:translateY(-2px);box-shadow:0 4px 12px #1da0c54d}.next-button:disabled{background:#ccc;cursor:not-allowed}.next-button .arrow{font-size:20px;transition:transform .2s}.next-button:hover:not(:disabled) .arrow{transform:translate(4px)}.back-button{background:none;border:none;color:#5a6c7d;font-size:14px;cursor:pointer;padding:0;margin-bottom:20px;display:flex;align-items:center;gap:4px;transition:color .2s}.back-button:hover{color:#09294b}.step-indicator{text-align:center;margin-bottom:24px}.step-badge{display:inline-block;background:#09294b;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.placeholder-text{color:#5a6c7d;font-size:15px;text-align:center;font-style:italic}.company-page-title{font-size:24px;font-weight:700;color:#09294b;margin:0 0 24px;text-align:center}.company-section+.company-section{margin-top:24px}.section-title{font-size:18px;font-weight:600;color:#09294b;margin:0 0 8px}.section-description{font-size:14px;color:#5a6c7d;margin:0 0 20px;line-height:1.6}.required-fields-notice{font-size:12px;color:#5a6c7d;text-align:center;margin-top:24px;font-style:italic}.company-section .form-group{margin-bottom:16px}.company-section .form-group:last-child{margin-bottom:0}.company-section .form-group label{display:block;font-size:14px;font-weight:500;color:#09294b;margin-bottom:6px}.company-section .form-group input,.company-section .form-group select{width:100%;padding:12px 14px;border:2px solid #e1e8ed;border-radius:8px;font-size:15px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;box-sizing:border-box;background:#fff}.company-section .form-group input:focus,.company-section .form-group select:focus{border-color:#1da0c5;box-shadow:0 0 0 3px #1da0c51a}.company-section .form-group input::placeholder{color:#a0aec0}.company-section .form-group input.input-disabled,.company-section .form-group input:disabled{background-color:#f0f0f0;color:#666;cursor:not-allowed;border-color:#ddd}.info-text{display:block;color:#1da0c5;font-size:13px;margin-top:6px}.error-text{display:block;color:#e74c3c;font-size:13px;margin-top:6px}.company-section .form-row{display:flex;gap:16px}.company-section .form-row .form-group{flex:1}.company-section .form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6c7d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.membership-counts{display:flex;gap:16px;margin-top:20px}.membership-count-card{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.membership-count-image{width:100%;max-width:120px;height:auto;margin-bottom:12px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.membership-count-card label{font-size:13px;font-weight:500;color:#09294b;margin-bottom:8px}.membership-count-card input{width:100%;max-width:100px;padding:10px 12px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;font-weight:600;text-align:center;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none}.membership-count-card input:focus{border-color:#1da0c5;box-shadow:0 0 0 3px #1da0c51a}.membership-count-card input::placeholder{color:#a0aec0}.csv-upload-section{text-align:center;background:#1a4a6e;border-radius:12px;padding:24px}.csv-upload-title{font-size:18px;font-weight:600;color:#09294b;margin-bottom:8px}.csv-upload-description{font-size:14px;color:#5a6c7d;margin-bottom:24px}.csv-upload-area{margin-bottom:20px}.csv-upload-area.dragging .csv-upload-label{border-color:#22d3ee;background:#22d3ee26}.csv-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #1da0c5;border-radius:12px;background:#f8fcfd;cursor:pointer;transition:all .2s}.csv-upload-label:hover{background:#e8f7fb;border-color:#0d8ab0}.csv-upload-icon{width:48px;height:48px;color:#1da0c5;margin-bottom:12px}.csv-upload-text{font-size:16px;font-weight:600;color:#1da0c5;margin-bottom:4px}.csv-upload-subtext{font-size:13px;color:#5a6c7d}.csv-file-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f0f3f5;border-radius:8px;margin-bottom:16px}.csv-file-icon{width:20px;height:20px;color:#1da0c5}.csv-file-info span{font-size:14px;color:#09294b}.csv-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:16px}.csv-message span{font-size:14px}.csv-error{background:#fed7d7;color:#c53030}.csv-error svg{color:#c53030}.csv-success{background:#c6f6d5;color:#276749}.csv-success svg{color:#276749}.csv-loading{background:#e6f7ff;color:#0369a1}.csv-loading svg{color:#0369a1}.csv-download-template-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #1da0c5;border-radius:8px;color:#1da0c5;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.csv-download-template-btn:hover{background:#1da0c5;color:#fff}.csv-modal-overlay{position:fixed;inset:0;background:#09294b99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.csv-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.csv-modal-icon{width:64px;height:64px;background:#c6f6d5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.csv-modal-icon svg{width:36px;height:36px;color:#276749}.csv-modal-title{font-size:22px;font-weight:700;color:#09294b;margin-bottom:8px}.csv-modal-count{font-size:18px;font-weight:600;color:#1da0c5;margin-bottom:16px}.csv-modal-message{font-size:15px;color:#5a6c7d;line-height:1.5;margin-bottom:24px}.csv-modal-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#1da0c5,#0d8ab0);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.csv-modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1da0c566}.volunteers-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #072f4714;margin-top:24px;overflow:hidden}.volunteers-section.bronze{border-left:4px solid #cd7f32}.volunteers-section.silver{border-left:4px solid #c0c0c0}.volunteers-section.gold{border-left:4px solid #ffd700}.volunteers-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;cursor:pointer;transition:background .2s}.volunteers-section-header:hover{background:#f0f3f5}.volunteers-section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#09294b}.volunteers-level-icon{width:40px;height:auto;border-radius:4px;box-shadow:0 1px 4px #0000001a}.collapse-arrow{font-size:14px;color:#5a6c7d;transition:transform .3s ease}.collapse-arrow.collapsed{transform:rotate(-90deg)}.volunteers-section-content{padding:20px;max-height:500px;overflow-y:auto;transition:max-height .3s ease,padding .3s ease}.volunteers-section-content.collapsed{max-height:0;padding:0 20px}.volunteer-form{background:#f8f9fa;border-radius:10px;padding:16px;margin-bottom:16px;border:1px solid #e1e8ed}.volunteer-form:last-of-type{margin-bottom:16px}.volunteer-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.volunteer-number{font-size:14px;font-weight:600;color:#09294b;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid #e1e8ed}.remove-volunteer-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#e53e3e;font-size:13px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s}.remove-volunteer-btn:hover{background:#fed7d7}.remove-volunteer-btn svg{width:16px;height:16px}.volunteer-form-fields .form-group{margin-bottom:12px}.volunteer-form-fields .form-group:last-child{margin-bottom:0}.volunteer-form-fields .form-group label{display:block;font-size:13px;font-weight:500;color:#09294b;margin-bottom:4px}.volunteer-form-fields .form-group input{width:100%;padding:10px 12px;border:2px solid #e1e8ed;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box;background:#fff}.volunteer-form-fields .form-group input:focus{border-color:#1da0c5;box-shadow:0 0 0 3px #1da0c51a}.volunteer-form-fields .form-group input::placeholder{color:#a0aec0}.volunteer-form-fields .form-row{display:flex;gap:12px}.volunteer-form-fields .form-row .form-group{flex:1}.add-volunteer-btn{display:block;width:100%;padding:14px;background:#fff;border:2px dashed #1da0c5;border-radius:10px;color:#1da0c5;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-volunteer-btn:hover{background:#e8f7fb;border-style:solid}@media(max-width:600px){.company-content{padding:8px 16px 20px}.company-page-header{padding:12px 16px}.back-button{font-size:13px;margin-bottom:8px}.step-indicator{margin-bottom:16px}.step-badge{font-size:12px;padding:4px 12px}.company-header{margin-bottom:20px}.company-header h1{font-size:22px}.company-header p{font-size:14px}.company-section{margin-bottom:20px}.company-section h3{font-size:16px;margin-bottom:12px}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;font-size:14px}.radio-group-horizontal{flex-direction:row;gap:8px}.radio-card{max-width:none;padding:12px}.radio-card-content h4{font-size:14px}.radio-card-content p{font-size:12px}.company-footer{padding:12px 16px}.company-footer-content{flex-direction:column;gap:12px;text-align:center}.next-button{width:100%;justify-content:center;padding:12px 20px;font-size:14px}.footer-spacer{display:none}.company-section .form-row{flex-direction:column;gap:0}.membership-counts{flex-direction:column;gap:16px}.membership-count-card{flex-direction:row;gap:12px;align-items:center;padding:12px}.membership-count-image{max-width:60px;margin-bottom:0}.membership-count-card label{flex:1;text-align:left;margin-bottom:0;font-size:14px}.membership-count-card input{max-width:70px}.volunteers-section{margin-bottom:16px}.volunteers-section-header{padding:12px}.volunteers-section-title span{font-size:13px}.volunteers-level-icon{width:28px}.volunteers-section-content{padding:12px;max-height:400px}.volunteer-form{padding:12px;margin-bottom:12px}.volunteer-form-fields .form-row{flex-direction:column;gap:0}.add-volunteer-btn{padding:10px 16px;font-size:13px}.csv-upload-zone{padding:20px 16px}.csv-upload-zone h4{font-size:14px}.csv-upload-zone p{font-size:12px}.csv-select-btn{padding:10px 20px;font-size:13px}.payment-summary{padding:16px}.payment-summary-row{font-size:14px;padding:8px 0}.sepa-advantages{padding:12px}.sepa-advantage-item{font-size:13px}.payment-redirect-info{padding:12px;font-size:13px}.checkbox-label{font-size:13px}}.team-summary{background:#f8f9fa;border-radius:8px;overflow:hidden}.team-summary-row{display:flex;align-items:center;padding:8px 12px;border-left:4px solid transparent}.team-summary-row.bronze{background:#cd7f321a;border-left-color:#cd7f32}.team-summary-row.silver{background:#c0c0c026;border-left-color:#a8a8a8}.team-summary-row.gold{background:#ffd70026;border-left-color:gold}.team-summary-row.total{background:#09294b;border-left-color:#09294b;color:#fff;padding:10px 12px}.team-summary-level{display:flex;align-items:center;flex:1}.team-summary-level span{font-size:13px;font-weight:500;color:#09294b}.team-summary-row.total .team-summary-level span{color:#fff;font-weight:600;font-size:13px}.team-summary-count{width:40px;text-align:center;font-size:13px;font-weight:600;color:#09294b}.team-summary-row.total .team-summary-count{color:#fff}.team-summary-amount{width:100px;text-align:right;font-size:13px;font-weight:600;color:#09294b}.team-summary-row.total .team-summary-amount{color:#7dd3fc;font-size:14px}.payment-method-selection{display:flex;gap:16px;margin-bottom:24px}.payment-method-card{flex:1;display:flex;align-items:center;padding:20px;background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out}.payment-method-card:hover{border-color:#1da0c5;background:#f8fcfd}.payment-method-card.selected{border-color:#1da0c5;background:#e8f7fb}.payment-method-card input[type=radio]{display:none}.payment-method-content{display:flex;align-items:center;justify-content:center;width:100%}.payment-method-label{font-size:15px;font-weight:600;color:#09294b;text-align:center}.payment-details{background:#f8f9fa;border-radius:10px;padding:20px}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e1e8ed}.payment-detail-row:last-child{border-bottom:none}.payment-detail-row.net-cost{background:#e8f7fb;margin:12px -20px -20px;padding:16px 20px;border-radius:0 0 10px 10px;border-bottom:none}.payment-detail-row.discount{background:#fef3c7;margin:0 -20px;padding:12px 20px}.payment-detail-label{font-size:14px;color:#5a6c7d}.payment-detail-row.net-cost .payment-detail-label{color:#0d6a8a;font-weight:500}.payment-detail-row.discount .payment-detail-label{color:#92400e;font-weight:500}.payment-detail-amount{font-size:18px;font-weight:700;color:#09294b}.payment-detail-row.net-cost .payment-detail-amount{color:#1da0c5}.payment-detail-row.discount .payment-detail-amount{color:#d97706}.validate-button{background:linear-gradient(135deg,#1da0c5,#0d8ab0)}.validate-button:hover:not(:disabled){background:linear-gradient(135deg,#0d8ab0,#076888)}.annual-discount-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.discount-badge{display:inline-flex;align-items:center;gap:8px;background:#f59e0b;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.discount-badge svg{width:18px;height:18px}.annual-savings{font-size:15px;font-weight:600;color:#92400e}.contribution-type-selection{display:flex;gap:16px;margin-bottom:24px}.contribution-type-card{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;transition:all .2s ease-in-out}.contribution-type-card:hover{border-color:#1da0c5;background:#f8fcfd}.contribution-type-card.selected{border-color:#1da0c5;background:#e8f7fb}.contribution-type-card input[type=radio]{display:none}.contribution-type-label{font-size:15px;font-weight:600;color:#09294b;text-align:center}.contribution-discount-badge{display:inline-block;background:#f59e0b;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:8px;vertical-align:middle}.contribution-type-original-amount{display:block;font-size:12px;color:#999;text-decoration:line-through;margin-top:2px}.terms-checkboxes{margin-top:24px;padding-top:20px;border-top:1px solid #e1e8ed}.terms-checkbox-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.terms-checkbox-row:last-child{margin-bottom:0}.terms-checkbox-row input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#1da0c5}.terms-checkbox-row label{font-size:14px;color:#5a6c7d;line-height:1.5;cursor:pointer}.terms-checkbox-row label a{color:#1da0c5;text-decoration:underline}.terms-checkbox-row label a:hover{color:#0d8ab0}@media(max-width:600px){.team-summary-row{flex-wrap:wrap;gap:8px}.team-summary-level{flex:1 0 100%;margin-bottom:8px}.team-summary-count{width:auto;text-align:left}.team-summary-amount{width:auto;margin-left:auto}.payment-method-selection{flex-direction:column}.payment-detail-label{font-size:13px}.payment-detail-amount{font-size:16px}.contribution-type-selection{flex-direction:column}.annual-discount-info{flex-direction:column;text-align:center}}.history-page{min-height:100vh;background:#09294b;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.history-back-btn{position:absolute;top:16px;left:16px;z-index:20;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.history-back-btn:hover{background:#ffffff40;transform:scale(1.05)}.history-back-btn:active{transform:scale(.95)}.history-back-btn svg{width:24px;height:24px;color:#fff}.history-section-title{padding:5px}.history-section-title h2{font-size:16px;font-weight:600;color:#fff;margin:0;padding:12px 20px;border:1px solid rgba(255,255,255,.3);text-align:center;letter-spacing:2px;text-transform:uppercase}.history-content{flex:1;padding:0;position:relative;z-index:10}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.history-empty-icon{width:80px;height:80px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.history-empty-icon svg{width:40px;height:40px;color:#fff6}.history-empty-text{font-size:15px;color:#fff9;margin:0}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff9}.history-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.1);border-top-color:#16b095;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.history-error{padding:24px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:16px;color:#ff6b6b;text-align:center;font-size:14px}.history-table-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:0;overflow:hidden;margin:0}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table thead{display:none}.history-table th{padding:12px 16px;text-align:left;font-weight:600;color:#ffffffb3;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.history-table th:nth-child(2),.history-table th:nth-child(3),.history-table th:nth-child(4){text-align:center}.history-table td{padding:14px 16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.history-table td:nth-child(2),.history-table td:nth-child(3),.history-table td:nth-child(4){text-align:center}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr{transition:background .2s ease}.history-table tbody tr:hover{background:#ffffff0d}.payment-method{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600}.payment-method.cb{background:#4285f426;color:#4285f4}.payment-method.sepa{background:#16b09526;color:#16b095}.payment-level{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.payment-level.gold{background:linear-gradient(135deg,#d4af37,#f5d76e,#d4af37);color:#1a1a1a}.payment-level.silver{background:linear-gradient(135deg,#a8a8a8,#e8e8e8,#a8a8a8);color:#1a1a1a}.payment-level.bronze{background:linear-gradient(135deg,#cd7f32,#e8a860,#cd7f32);color:#1a1a1a}.payment-date{color:#fffc;text-transform:capitalize;font-size:12px}.payment-amount{font-weight:600;color:#fff;font-size:12px}.payment-status-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:help}.payment-status-icon svg{width:18px;height:18px}.payment-status-icon.status-success svg{stroke:#16b095}.payment-status-icon.status-failed svg{stroke:#ff6b6b}.payment-status-icon.status-pending svg{stroke:#ffc107}.payment-status-icon.status-refunded svg{stroke:#ce93d8}@media(max-width:480px){.history-table-container{background:transparent;border:none;border-radius:0;overflow:visible;margin:0;padding:0 8px}.history-table{display:block;width:100%}.history-table thead{display:none!important;visibility:hidden;height:0;overflow:hidden}.history-table tbody{display:flex;flex-direction:column;gap:8px;padding:0}.history-table tbody tr{display:grid;grid-template-columns:auto auto auto auto auto;gap:6px;align-items:center;background:#ffffff0d;border-radius:0;padding:10px 8px;border:1px solid rgba(255,255,255,.1);border-left:none;border-right:none}.history-table tbody tr:hover{background:#ffffff14}.history-table td{padding:0!important;border:none!important;display:flex;align-items:center}.history-table td:nth-child(1){justify-content:flex-start}.history-table td:nth-child(2){justify-content:center}.history-table td:nth-child(3){justify-content:center}.history-table td:nth-child(4){justify-content:flex-end}.history-table td:nth-child(5){justify-content:flex-end}.payment-method{font-size:9px;padding:3px 6px}.payment-date{font-size:10px;color:#fff9}.payment-level{font-size:8px;padding:2px 5px}.payment-amount{font-size:11px;font-weight:600}.payment-status-icon{width:20px;height:20px}.payment-status-icon svg{width:16px;height:16px}}.history-decoration{position:fixed;bottom:-50px;left:0;right:0;height:200px;overflow:hidden;pointer-events:none;z-index:1}.history-decoration .wave{position:absolute;bottom:0;left:0;width:200%;height:100%;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2316b095' d='M0,192 C360,280 720,120 1080,200 C1260,240 1350,180 1440,192 L1440,320 L0,320 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:historyWave 20s linear infinite}.history-decoration .wave2{position:absolute;bottom:0;left:0;width:200%;height:100%;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230d8a6f' d='M0,224 C240,160 480,288 720,224 C960,160 1200,256 1440,224 L1440,320 L0,320 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:historyWave 15s linear infinite reverse}.history-decoration .wave3{position:absolute;bottom:0;left:0;width:200%;height:100%;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23072036' d='M0,256 C180,200 360,280 540,240 C720,200 900,260 1080,240 C1260,220 1350,260 1440,256 L1440,320 L0,320 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:historyWave 12s linear infinite}@keyframes historyWave{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:481px){.history-page{max-width:700px;margin-top:20px;margin-bottom:20px;border-radius:24px;min-height:calc(100vh - 40px)}.history-section-title h2{font-size:18px;padding:14px 24px}.history-content{padding:0}.history-table th{font-size:11px;padding:16px 14px}.history-table td{padding:18px 14px}.payment-method{font-size:12px;padding:6px 12px}.payment-status{font-size:11px;padding:6px 14px}}.admin-page{min-height:100vh;background:linear-gradient(180deg,#09294b,#0d3a5c)}.admin-page.gold,.admin-page.silver,.admin-page.bronze{background:#09294b;max-width:480px;margin:0 auto;overflow:hidden}.admin-back-btn-header{position:absolute;top:16px;left:16px;z-index:20;width:40px;height:40px;background:#ffffff26}.admin-back-btn-header:hover{background:#ffffff40;transform:scale(1.05)}.admin-back-btn-header svg{width:24px;height:24px;color:#fff}@media(min-width:481px){.admin-page.gold,.admin-page.silver,.admin-page.bronze{max-width:700px;margin-top:20px;margin-bottom:20px;border-radius:24px;min-height:calc(100vh - 40px)}}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.admin-logo{height:48px}.admin-content{max-width:1600px;margin:0 auto;padding:10px 0}.admin-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-title-left{display:flex;align-items:center;gap:12px}.admin-back-btn{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.admin-back-btn:hover{background:#ffffff26}.admin-back-btn svg{width:20px;height:20px;color:#fff}.admin-title{font-size:22px;font-weight:700;color:#fff;margin:0}.add-user-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#16b095,#0d8a6f);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.add-user-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16b09566}.add-user-btn svg{width:18px;height:18px}.admin-error{background:#ef444426;color:#f87171;padding:12px 16px;border-radius:10px;margin-bottom:16px;border:1px solid rgba(239,68,68,.2)}.admin-loading{text-align:center;padding:48px;color:#fff9;font-size:16px}.users-table-container{background:#ffffff0f;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#ffffff14;padding:12px 14px;text-align:left;font-weight:700;color:#ffffffb3;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.users-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffd9;font-size:13px;vertical-align:middle}.users-table tbody tr{transition:background .15s}.users-table tbody tr:hover{background:#ffffff0f}.users-table tbody tr:last-child td{border-bottom:none}.user-name-cell{font-weight:600;color:#fff}.member-number-cell{font-size:12px;color:#fff9;white-space:nowrap}.user-id-sub{display:block;font-size:10px;font-weight:400;color:#ffffff59;margin-top:2px}.two-fa-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#16b095;border-radius:50%;color:#fff;flex-shrink:0}.two-fa-icon svg{width:12px;height:12px}.badge-cell{vertical-align:middle!important;line-height:24px!important;height:56px}.profile-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:#06b6d433;color:#22d3ee;border-radius:20px;font-size:11px;font-weight:600;height:24px;box-sizing:border-box}.profile-badge-admin{background:#ef444433;color:#f87171}.members-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:4px 10px;background:#60a5fa33;color:#60a5fa;border-radius:20px;font-size:12px;font-weight:600}button.members-expandable{border:none;cursor:pointer;gap:4px;transition:all .2s}button.members-expandable:hover{background:#60a5fa4d}button.members-expandable.expanded{background:#3b82f6;color:#fff}.expand-icon{width:16px;height:16px}.email-icon-cell{text-align:center;cursor:pointer;position:relative}.email-icon{width:18px;height:18px;fill:#ffffff80;transition:fill .2s}.email-icon-cell:hover .email-icon{fill:#22d3ee}.email-icon-cell[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0000004d}.org-row{background:#ffffff08}.member-row{background:#ffffff05}.member-row td{border-bottom:1px solid rgba(255,255,255,.05)}.member-row td:first-child{padding-left:24px}.member-indent{display:inline-block;width:20px;height:12px;border-left:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);margin-right:8px;border-radius:0 0 0 4px;vertical-align:middle}.member-row:last-of-type td{border-bottom:2px solid rgba(255,255,255,.1)}.users-table .donation-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:4px 10px!important;border-radius:20px!important;font-size:11px!important;font-weight:600!important;height:24px!important;box-sizing:border-box!important;vertical-align:middle!important;margin:0!important}.donation-badge-bronze{background:linear-gradient(135deg,#cd7f324d,#cd7f3226);color:#e8a860}.donation-badge-silver{background:linear-gradient(135deg,#a8a8a84d,#a8a8a826);color:#d4d4d4}.donation-badge-gold{background:linear-gradient(135deg,#d4af374d,#d4af3726);color:#f5d76e}.donation-badge-platinum{background:linear-gradient(135deg,#818cf84d,#818cf826);color:#a5b4fc}.contribution-type{font-weight:400;font-size:10px;opacity:.7}.payment-status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:4px 10px!important;border-radius:20px!important;font-size:11px!important;font-weight:600!important;height:24px!important;box-sizing:border-box!important;vertical-align:middle!important;margin:0!important}.payment-status-succeeded{background:#30874f;color:#fff}.payment-status-failed{background:#ef444433;color:#f87171}.payment-status-pending{background:#fbbf2433;color:#fbbf24}.payment-status-none{background:#ffffff14;color:#fff6}.payment-method-icon{width:14px;height:14px;margin-right:4px;flex-shrink:0}.payment-method-label{font-weight:500;font-size:10px;margin-right:3px}.expiry-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#22c55e33;color:#4ade80;border-radius:6px;font-size:12px;font-weight:500;line-height:1.4}.expiry-expired{background:#ef444433;color:#f87171}.actions-cell{vertical-align:middle;width:70px;white-space:nowrap}.actions-wrapper{display:flex;gap:4px;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.action-btn svg{width:14px;height:14px}.view-btn{background:#06b6d426;color:#22d3ee}.view-btn:hover{background:#06b6d44d}.edit-btn{background:#fbbf2426;color:#fbbf24}.edit-btn:hover{background:#fbbf244d}.add-member-btn{background:#22c55e26;color:#4ade80}.add-member-btn:hover{background:#22c55e4d}.delete-btn{background:#ef444426;color:#f87171}.delete-btn:hover:not(:disabled){background:#ef44444d}.delete-btn:disabled,.delete-btn.disabled{background:#ffffff0d;color:#fff3;cursor:not-allowed}.modal-content.user-modal{max-width:750px!important;width:95%;max-height:90vh;overflow-y:auto;background:#0f2d47;border:1px solid rgba(255,255,255,.12);color:#fff}.modal-content.user-modal .modal-title,.modal-content.user-modal h3{color:#fff}.modal-content.user-modal .modal-close{color:#fff9}.modal-content.user-modal .modal-close:hover{background:#ffffff1a;color:#fff}.form-section-title{font-size:14px;font-weight:600;color:#22d3ee;margin-top:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.collapsible-section{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:#ffffff0f;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#fff;transition:background .2s}.collapsible-header:hover{background:#ffffff1a}.collapsible-header.expanded{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.collapse-icon{width:20px;height:20px;color:#ffffff80;transition:transform .2s}.collapsible-header.expanded .collapse-icon{color:#fff}.collapsible-content{padding:16px;background:#ffffff08;display:flex;flex-direction:column;gap:12px}.collapsible-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.org-context-info{background:#60a5fa26;color:#93c5fd;padding:10px 14px;border-radius:8px;font-size:13px;margin:0 0 16px;border:1px solid rgba(96,165,250,.2)}.user-form{display:flex;flex-direction:column;gap:16px}.user-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.user-form .form-group{display:flex;flex-direction:column;gap:6px}.user-form label,.user-form .form-group label{font-size:14px;font-weight:600;color:#fff!important;letter-spacing:.3px}.user-form input,.user-form select{padding:10px 12px;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px;font-size:14px;box-shadow:none!important;background-color:#ffffff0f;color:#fff}.user-form input:focus,.user-form select:focus{border-color:#fff6!important;background-color:#ffffff1a;outline:none}.user-form input::placeholder{color:#ffffff4d}.user-form select option{background:#0f2d47;color:#fff}.user-form input.input-disabled{background-color:#ffffff08;color:#fff6;cursor:not-allowed}.user-form input.input-error{border-color:#f87171!important;background-color:#ef44441a}.email-checking{display:block;color:#ffffff80;font-size:12px;margin-top:4px}.email-error{display:block;color:#f87171;font-size:12px;margin-top:4px}.user-form .form-group-checkbox{margin-top:8px}.user-form .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#ffffffd9}.user-form .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#16b095}.user-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.detail-row:last-of-type{border-bottom:none}.detail-label{color:#ffffff80;font-size:14px}.detail-value{color:#fff;font-weight:500;font-size:14px}.detail-value.enabled{color:#4ade80}.detail-value.disabled{color:#f87171}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#16b095,#0d8a6f);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #16b09566}.btn-primary:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.btn-secondary{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef44444d}.btn-danger:disabled{background:#ffffff0d;color:#fff3;cursor:not-allowed}.delete-modal{max-width:400px;text-align:center;background:#0f2d47!important;border:1px solid rgba(255,255,255,.12)!important}.delete-modal .modal-title{color:#fff}.delete-message{color:#ffffffb3;font-size:15px;margin:16px 0}.csv-import-section{border-radius:12px;border:0px solid rgba(255,255,255,.1);margin-bottom:20px;overflow:hidden}.csv-import-row{display:flex;align-items:center;gap:8px}.csv-import-row .collapsible-header{flex:1;border-radius:12px}.csv-import-row .collapsible-header.expanded{border-radius:12px 12px 0 0}.csv-import-row .add-user-btn{white-space:nowrap;flex-shrink:0}.csv-import-content{padding:20px;background:#ffffff08}.csv-upload-description{color:#fff9;font-size:14px;margin:0 0 16px}.csv-upload-area{margin-bottom:16px}.csv-file-input{display:none}.csv-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed rgba(255,255,255,.2);border-radius:12px;background:#ffffff08;cursor:pointer;transition:all .2s}.csv-upload-label:hover{border-color:#16b095;background:#16b0950d}.csv-upload-icon{width:48px;height:48px;color:#ffffff4d;margin-bottom:12px}.csv-upload-text{font-size:15px;font-weight:500;color:#fffc;margin-bottom:4px}.csv-upload-subtext{font-size:13px;color:#fff6}.csv-file-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#60a5fa26;border-radius:8px;color:#93c5fd;font-size:14px;margin-bottom:16px}.csv-file-icon{width:20px;height:20px;flex-shrink:0}.csv-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.csv-message svg{width:20px;height:20px;flex-shrink:0}.csv-loading{background:#06b6d41a;color:#22d3ee}.csv-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.csv-error{background:#ef44441a;color:#f87171}.csv-download-template-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.csv-download-template-btn:hover{background:#ffffff1a;border-color:#ffffff40}.csv-download-template-btn svg{width:18px;height:18px}.csv-modal{max-width:420px;text-align:center;padding:32px!important}.csv-modal-icon{width:64px;height:64px;margin:0 auto 16px;background:#22c55e26;border-radius:50%;display:flex;align-items:center;justify-content:center}.csv-modal-icon svg{width:36px;height:36px;color:#4ade80}.csv-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.csv-modal-count{font-size:32px;font-weight:700;color:#22d3ee;margin:0 0 8px}.csv-modal-message{font-size:14px;color:#fff9;margin:0 0 24px}.csv-modal-actions{display:flex;gap:12px;justify-content:center}.csv-modal-actions .btn-primary,.csv-modal-actions .btn-secondary{min-width:120px}.payment-setup-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;height:28px}.payment-setup-btn:hover{box-shadow:0 2px 8px #f59e0b66}.payment-setup-icon{width:14px;height:14px}.payment-setup-modal{max-width:700px!important;width:95%;background:#0f2d47!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.payment-setup-modal .modal-close{color:#fff9}.payment-setup-modal .modal-close:hover{background:#ffffff1a;color:#fff}.payment-user-info{text-align:center;font-size:16px;font-weight:600;color:#fff;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.payment-user-email{display:block;font-size:13px;font-weight:400;color:#ffffff80;margin-top:4px}.payment-setup-form{display:flex;flex-direction:column;gap:20px}.payment-setup-form .form-group{display:flex;flex-direction:column;gap:8px}.payment-setup-form label,.payment-setup-form .form-group label{font-size:14px;font-weight:600;color:#fff!important;letter-spacing:.3px}.payment-setup-form input[type=number],.payment-setup-form select{padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:14px;background:#ffffff0f;color:#fff}.payment-setup-form input[type=number]:focus,.payment-setup-form select:focus{outline:none;border-color:#fff6}.amount-input-wrapper{display:flex;align-items:center;gap:8px}.amount-input-wrapper input{flex:1;max-width:120px}.amount-currency{font-size:16px;font-weight:600;color:#fff}.payment-setup-form .radio-group{display:flex;flex-direction:column;gap:10px}.payment-setup-form .radio-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s;background:#ffffff08}.payment-setup-form .radio-option:hover{border-color:#fff3;background:#ffffff0f}.payment-setup-form .radio-option.selected{border-color:#16b095;background:#16b0951a}.payment-setup-form .radio-option input[type=radio]{width:18px;height:18px;margin:0;accent-color:#16b095}.payment-setup-form .radio-label{font-size:14px;font-weight:500;color:#ffffffd9;flex:1}.payment-setup-form .radio-amount{font-size:14px;font-weight:600;color:#22d3ee}.payment-setup-form .contribution-discount-badge{display:inline-block;background:#f59e0b;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:8px;vertical-align:middle}.payment-setup-form .contribution-type-original-amount{display:block;font-size:12px;color:#999;text-decoration:line-through;margin-top:2px}.payment-setup-form .payment-method-group{flex-direction:row;gap:12px}.payment-setup-form .payment-method-group .radio-option{flex:1;justify-content:center;padding:16px 12px}.payment-setup-form .payment-method-group .payment-method-icon{width:24px;height:24px;color:#ffffff80}.payment-setup-form .payment-method-group .radio-option.selected .payment-method-icon{color:#16b095}.payment-summary{background:#ffffff0f;border-radius:10px;padding:16px;border:1px solid rgba(255,255,255,.1)}.payment-summary .summary-row{display:flex;justify-content:space-between;align-items:center}.payment-summary .summary-row span{font-size:14px;color:#fff9}.payment-summary .summary-row strong{font-size:18px;color:#22d3ee}@media(max-width:768px){.admin-header{padding:12px 16px}.admin-content{padding:16px 12px}.admin-title-row{flex-direction:column;gap:12px;align-items:stretch}.admin-title{font-size:18px;text-align:center}.add-user-btn{justify-content:center}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{min-width:auto}.users-table th:nth-child(3),.users-table td:nth-child(3),.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}.users-table th{padding:10px 8px;font-size:10px}.users-table td{padding:10px 8px;font-size:12px}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}.user-form .form-row,.collapsible-content .form-row{grid-template-columns:1fr}.admin-page .modal-overlay{padding:0!important;align-items:stretch!important}.modal-content.user-modal,.modal-content.payment-setup-modal,.modal-content.payment-detail-modal{max-width:100%!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important;border:none!important;padding:20px!important;box-sizing:border-box!important}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger{width:100%;text-align:center}}@media(max-width:480px){.admin-content{padding:12px 8px}.admin-title{font-size:16px}.users-table{min-width:480px}.users-table th{padding:8px;font-size:9px}.users-table td{padding:8px;font-size:11px}.actions-wrapper{gap:4px}.action-btn{width:26px;height:26px}.csv-upload-label{padding:20px 16px}.csv-modal{padding:24px!important}}.payment-status-clickable{cursor:pointer;border:none;transition:all .2s ease}.payment-status-clickable:hover{filter:brightness(1.2);transform:scale(1.05)}.payment-detail-modal{max-width:800px!important;width:90vw;max-height:85vh;overflow-y:auto;padding:24px!important;background:#0f2d47!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.payment-detail-modal .modal-close{color:#fff9}.payment-detail-modal .modal-close:hover{background:#ffffff1a;color:#fff}.pd-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.15)}.pd-user-name{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.pd-user-email{font-size:13px;color:#ffffff80}.pd-section{margin-bottom:20px}.pd-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.pd-section-icon{width:18px;height:18px;color:#22d3ee;flex-shrink:0}.pd-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px 16px}.pd-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.pd-row:last-child{border-bottom:none}.pd-label{font-size:13px;color:#ffffff80}.pd-value{font-size:13px;font-weight:600;color:#fff}.pd-level{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.pd-level.gold{background:linear-gradient(135deg,#d4af37,#f5d76e);color:#1a1a1a}.pd-level.silver{background:linear-gradient(135deg,#a8a8a8,#e0e0e0);color:#1a1a1a}.pd-level.bronze{background:linear-gradient(135deg,#cd7f32,#e8a860);color:#1a1a1a}.pd-status{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700}.pd-status-succeeded,.pd-status.pd-status-succeeded{background:#22c55e26;color:#22c55e}.pd-status-failed,.pd-status.pd-status-failed{background:#ef444426;color:#ef4444}.pd-status-pending,.pd-status.pd-status-pending{background:#fbbf2426;color:#fbbf24}.pd-status-none,.pd-status.pd-status-none{background:#ffffff14;color:#fff6}.pd-loading{display:flex;justify-content:center;padding:24px}.pd-empty{text-align:center;color:#fff6;font-size:13px;padding:24px;background:#ffffff0a;border-radius:10px}.pd-table-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.pd-table{width:100%;border-collapse:collapse}.pd-table th{text-align:left;font-size:10px;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.pd-table td{font-size:12px;color:#fff;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.pd-table tr:last-child td{border-bottom:none}.pd-amount{font-weight:700;font-family:monospace}.pd-method-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.pd-method-tag.cb{background:#3b82f633;color:#60a5fa}.pd-method-tag.sepa{background:#16b09533;color:#22d3ee}.pd-status-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px}.pd-status-dot.success{background:#22c55e26;color:#22c55e}.pd-status-dot.failed{background:#ef444426;color:#ef4444}.pd-status-dot.pending{background:#fbbf2426;color:#fbbf24}.pd-status-dot.refunded{background:#a855f726;color:#a855f7}.pd-summary-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#ffffff80}.pd-summary-total{font-weight:700;color:#22c55e;font-size:13px}.payment-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#1a365d);padding:20px}.payment-success-card{background:#fff;border-radius:16px;padding:48px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.success-logo{width:80px;height:auto;margin-bottom:24px}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:40px;height:40px;color:#fff}.success-title{font-size:28px;font-weight:700;color:#1a365d;margin-bottom:16px}.success-message{font-size:16px;color:#4a5568;margin-bottom:32px;line-height:1.6}.success-details{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:24px}.success-detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0}.success-detail-row:last-child{border-bottom:none}.success-detail-row span:first-child{color:#718096;font-size:14px}.detail-value{font-weight:600;color:#2d3748}.success-info{font-size:14px;color:#718096;margin-bottom:32px;padding:16px;background:#edf2f7;border-radius:8px}.success-actions{display:flex;flex-direction:column;gap:12px}.success-btn{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.success-btn.primary{background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff}.success-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a365d66}.success-btn.secondary{background:transparent;color:#4a5568;border:1px solid #e2e8f0}.success-btn.secondary:hover{background:#f7fafc}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#1a365d;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media(max-width:480px){.payment-success-card{padding:32px 24px}.success-title{font-size:24px}}.member-profile{min-height:100vh;background:#09294b;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.burger-menu-btn{position:absolute;top:16px;left:16px;z-index:20;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px}.burger-menu-btn span{display:block;width:18px;height:2px;background:#fff;border-radius:1px}.menu-overlay{position:fixed;inset:0;background:#09294beb;z-index:100;display:flex;align-items:center;justify-content:center}.menu-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.menu-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.menu-nav{display:flex;flex-direction:column;align-items:center;gap:8px}.menu-item{background:none;border:none;color:#fff;font-size:18px;font-weight:500;padding:12px 24px;cursor:pointer;transition:opacity .2s}.menu-item:hover{opacity:.8}.menu-item.disabled{opacity:.5;cursor:default}.menu-item.disabled:hover{opacity:.5}.menu-item.logout{color:#ef4444;font-weight:600}.menu-separator{width:60px;height:1px;background:#ffffff4d;margin:8px 0}.member-profile-header{position:relative;padding:20px 20px 0;text-align:center}.member-profile-bg{position:absolute;top:0;left:0;right:0;height:200px;background-size:300%;background-position:left 5%;z-index:0}.member-profile-overlay{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,#09294b33,#09294bb3);z-index:1}.member-level-badge{position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;color:#d4af37;letter-spacing:1px;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.8)}.member-profile.silver .member-level-badge{color:#e0e0e0}.member-profile.bronze .member-level-badge{color:#e8a860}.member-avatar-container{position:relative;z-index:10;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.member-avatar-container:before,.member-avatar-container:after{content:"";flex:1;height:6px;max-width:120px;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}.member-avatar-container:before{margin:0 25px 0 0}.member-avatar-container:after{margin:0 0 0 25px}.member-avatar-ring{position:relative;width:160px;height:160px;margin:0 auto}.member-badge-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;object-fit:contain}.member-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;overflow:hidden;background:#1a3a5c;border:3px solid #d4af37}.member-profile.silver .member-avatar{border-color:silver}.member-profile.bronze .member-avatar{border-color:#cd7f32}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1a3a5c,#0d2840)}.member-info{position:relative;z-index:10;margin-left:-20px;margin-right:-20px;padding:8px 20px 16px;background:#ffffff1a;display:flex;justify-content:space-between;align-items:flex-start}.member-info-left{text-align:left}.member-info-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:6px}.member-name{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.member-status{font-size:14px;font-weight:600;margin:0}.member-status.gold{color:#d4af37}.member-status.silver{color:silver}.member-status.bronze{color:#cd7f32}.member-company{font-size:12px;color:#ffffffb3;margin:0}.member-badges{display:flex;flex-direction:column;gap:4px;align-items:stretch}.badge{padding:4px 9px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap}.badge.active-member{background:#22c55e;color:#fff}.badge.pre-member{background:#f97316;color:#fff}.badge.corporate{background:#3b82f6;color:#fff}.badge.enterprise{background:#06b6d4;color:#fff}.member-number{display:flex;flex-direction:column;align-items:flex-end}.member-number .number{font-size:12px;color:#fffc;font-family:monospace}.member-number .since{font-size:12px;color:#fff9}.member-project-section{padding:0 16px;margin-top:16px;margin-bottom:16px}.project-label{position:absolute;top:10px;left:10px;font-size:14px;color:#fff;margin:0;letter-spacing:.5px;font-weight:600;text-transform:uppercase}.project-card{position:relative;height:130px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.project-overlay{position:absolute;inset:0}.project-info{position:absolute;bottom:10px;right:16px;text-align:right}.project-name{font-size:18px;font-weight:700;color:#fff;margin:0 0 2px}.project-subtitle{font-size:12px;color:#fffc;margin:0}.member-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px;margin-bottom:16px}.member-action-btn{background:linear-gradient(180deg,#051a2e 0% 20%,#09294b 40% 85%,#051a2e);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;font-size:13px;font-weight:600;line-height:1.3;text-align:center;white-space:pre-line}.member-action-btn:hover{background:linear-gradient(180deg,#1a1a1a,#0d3a5c);border-color:#ffffff40}.member-action-btn.disabled,.member-action-btn:disabled{opacity:.4;cursor:not-allowed}.member-action-btn.disabled:hover,.member-action-btn:disabled:hover{background:linear-gradient(180deg,#051a2e 0% 20%,#09294b 40% 85%,#051a2e);border-color:#ffffff26}.member-vote-section{margin:0 16px 16px;padding:20px;background:linear-gradient(135deg,#0891b2,#06b6d4,#22d3ee);border-radius:12px;text-align:center}.vote-count{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.vote-next{font-size:11px;color:#fffc;letter-spacing:.5px}.member-card-btn{margin:0 16px 24px;padding:16px;background:#1a3a5c;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.member-card-btn:hover{background:#234a6e;border-color:#ffffff4d}.member-card-overlay{position:fixed;inset:0;background:#000c;z-index:200;display:flex;align-items:flex-end;justify-content:center}.member-card-modal{position:relative;width:100%;max-width:480px;background:#09294b;border-radius:24px 24px 0 0;padding:24px 20px 32px;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.member-card-modal.closing{animation:slideDown .5s cubic-bezier(.16,1,.3,1) forwards}.member-card-overlay.closing{animation:fadeOut .5s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.member-card-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10}.member-card-image-container{position:relative;display:flex;justify-content:center;margin-bottom:20px}.member-card-image{width:100%;max-width:340px;height:auto;border-radius:12px}.member-card-footer{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:300px;background:#0a1628;padding:10px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:flex-end}.member-card-overlay-info.left{text-align:left}.member-card-overlay-info.right{text-align:right}.member-card-since-label{color:#fff9;font-size:9px;font-weight:300}.member-card-since-value{color:#fff;font-size:11px;font-weight:700;margin-top:2px}.member-card-number{position:absolute;top:calc(50% + 35px);left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:600}.member-card-qrcode{position:absolute;top:50px;right:30px;width:60px;height:60px;background:#fff;border-radius:2px;padding:2px;display:flex;align-items:center;justify-content:center}.member-card-qrcode svg{width:100%;height:100%}.member-card-overlay-name{display:flex;gap:6px}.member-card-firstname,.member-card-lastname{color:#fff;font-size:11px;font-weight:500}.member-card-country{color:#fff9;font-size:9px;font-weight:300;margin-top:2px}.member-card-modal.gold .member-card-image{box-shadow:0 8px 32px #d4af374d}.member-card-modal.silver .member-card-image{box-shadow:0 8px 32px #c0c0c04d}.member-card-modal.bronze .member-card-image{box-shadow:0 8px 32px #cd7f324d}.member-card-details{background:#ffffff14;border-radius:12px;padding:16px}.member-card-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.member-card-row:last-child{border-bottom:none}.member-card-label{font-size:13px;color:#fff9}.member-card-value{font-size:14px;font-weight:600;color:#fff}.member-card-value.level{padding:4px 12px;border-radius:6px;font-size:12px}.member-card-value.level.gold{background:linear-gradient(135deg,#d4af37,#f5d76e,#d4af37);color:#1a1a1a}.member-card-value.level.silver{background:linear-gradient(135deg,#a8a8a8,#e8e8e8,#a8a8a8);color:#1a1a1a}.member-card-value.level.bronze{background:linear-gradient(135deg,#cd7f32,#e8a860,#cd7f32);color:#1a1a1a}.corporate-dashboard{padding:16px;display:flex;flex-direction:column;gap:12px}.corporate-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,3vw,12px)}.corporate-stats-row.triple{grid-template-columns:1fr 1fr 1fr;gap:clamp(6px,2vw,10px)}.corporate-stat-card{border-radius:12px;padding:0 clamp(6px,2vw,12px) clamp(6px,2vw,10px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden;min-width:0}.corporate-stat-card.disabled{opacity:.35;pointer-events:none;filter:grayscale(.5)}.corporate-stat-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.corporate-stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.corporate-stat-card.blue{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.corporate-stat-card.gold{background:linear-gradient(180deg,#fbbf24,#d4a017)}.corporate-stat-card.cyan{background:linear-gradient(180deg,#22d3ee,#06b6d4)}.corporate-stat-card.orange{background:linear-gradient(180deg,#fb923c,#ea580c)}.corporate-stat-card.dark-blue{background:linear-gradient(180deg,#1a3a5c,#0f2740);border:1px solid rgba(255,255,255,.12)}.corporate-stat-label{width:calc(100% + clamp(12px,4vw,24px));margin:0 calc(-1*clamp(6px,2vw,12px));padding:clamp(5px,1.5vw,7px) 4px;background:#0514288c;font-size:clamp(7px,2.2vw,9px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.corporate-stat-content{display:flex;align-items:center;justify-content:center;gap:8px}.corporate-stat-icon{width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px);color:#00000080;flex-shrink:0}.corporate-stat-value{font-size:clamp(18px,5.5vw,24px);font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);white-space:nowrap}.corporate-stats-row.triple .corporate-stat-value{font-size:clamp(14px,4.5vw,20px)}.corporate-stat-sub{font-size:clamp(8px,2.5vw,10px);color:#fffc;font-weight:500}.corporate-separator{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 0}.corporate-separator-line{flex:1;max-width:80px;height:1px;background:#fff3}.corporate-separator-dot{width:5px;height:5px;border-radius:50%;background:#ffffff4d}.corporate-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;margin-bottom:24px}.corporate-action-btn{background:linear-gradient(180deg,#0f3d5c,#0a2a3f);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:clamp(14px,4vw,18px) clamp(8px,2vw,12px);color:#fff;font-size:clamp(11px,3.2vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;text-align:center}.corporate-action-btn:hover{background:linear-gradient(180deg,#1a4d6e,#0d3a52);border-color:#ffffff4d}.corporate-action-btn.disabled,.corporate-action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.member-cta-section{padding:24px 16px;text-align:center}.member-cta-section h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px}.member-cta-subtitle{font-size:14px;color:#ffffffb3;margin:0 0 24px;line-height:1.5}.member-cta-cards{display:flex;flex-direction:column;gap:16px}.member-cta-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .3s ease}.member-cta-card:hover{background:#ffffff1f;transform:translateY(-2px)}.member-cta-card.individual:hover{border-color:#1da0c5}.member-cta-card.company:hover{border-color:#16b095}.member-cta-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.member-cta-card.individual .member-cta-icon{background:linear-gradient(135deg,#1da0c5,#0077b6)}.member-cta-card.company .member-cta-icon{background:linear-gradient(135deg,#16b095,#0d8c6e)}.member-cta-icon svg{width:30px;height:30px;color:#fff}.member-cta-card h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.member-cta-card p{font-size:13px;color:#ffffffb3;margin:0 0 20px;line-height:1.5}.member-cta-btn{width:100%;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#1da0c5,#0077b6);color:#fff}.member-cta-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #1da0c566}.member-cta-btn.company-btn{background:linear-gradient(135deg,#16b095,#0d8c6e)}.member-cta-btn.company-btn:hover{box-shadow:0 4px 15px #16b09566}@media(max-width:360px){.corporate-dashboard{padding:10px;gap:8px}.corporate-stat-content{gap:4px}.corporate-stat-card{border-radius:8px}.corporate-stat-label{letter-spacing:.3px}.corporate-actions-row{gap:8px}.corporate-action-btn{border-radius:8px}}@media(min-width:481px){.member-profile{margin-top:20px;margin-bottom:20px;border-radius:24px;min-height:calc(100vh - 40px)}.member-card-qrcode{right:80px}}.qrcode-validation-page{min-height:100vh;background:linear-gradient(180deg,#09294b,#1a4a6e);display:flex;align-items:center;justify-content:center;padding:20px}.qrcode-validation-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0000004d}.qrcode-logo{width:120px;height:auto;margin-bottom:30px}.qrcode-loading{padding:20px 0}.qrcode-spinner{width:50px;height:50px;border:4px solid #e1e8ed;border-top-color:#09294b;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.qrcode-loading p{color:#5a6c7d;font-size:16px;margin:0}.qrcode-result{padding:20px 0}.qrcode-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.qrcode-icon.valid{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.qrcode-icon.invalid{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.qrcode-icon svg{width:40px;height:40px}.qrcode-result h2{font-size:24px;font-weight:700;margin:0 0 16px}.qrcode-result.valid h2{color:#22c55e}.qrcode-result.invalid h2{color:#ef4444}.qrcode-member-info{background:#f8fafc;border-radius:12px;padding:20px;margin-top:20px}.qrcode-member-info .member-number{font-size:18px;font-weight:700;color:#09294b;margin:0 0 8px}.qrcode-member-info .member-name{font-size:16px;color:#5a6c7d;margin:0}.qrcode-result .error-message{color:#5a6c7d;font-size:14px;margin:0}.placeholder-page{min-height:100vh;background:linear-gradient(180deg,#09294b,#0d3a5c);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:20px}.placeholder-back-btn{position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.placeholder-back-btn:hover{background:#fff3}.placeholder-back-btn svg{width:24px;height:24px;color:#fff}.placeholder-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.placeholder-logo{width:120px;height:auto;margin-bottom:40px;opacity:.9}.placeholder-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#16b095,#0d8a6f);display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:0 10px 30px #16b0954d}.placeholder-icon svg{width:40px;height:40px;color:#fff}.placeholder-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:.5px}.placeholder-message{font-size:16px;color:#ffffffb3;margin:0;line-height:1.5}.placeholder-decoration{position:fixed;bottom:-50px;left:0;right:0;height:200px;overflow:hidden;pointer-events:none}.placeholder-decoration .wave{position:absolute;bottom:0;left:0;width:200%;height:100%;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2316b095' d='M0,192 C360,280 720,120 1080,200 C1260,240 1350,180 1440,192 L1440,320 L0,320 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:wave 20s linear infinite}.placeholder-decoration .wave2{position:absolute;bottom:0;left:0;width:200%;height:100%;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230d8a6f' d='M0,224 C240,160 480,288 720,224 C960,160 1200,256 1440,224 L1440,320 L0,320 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:wave 15s linear infinite reverse}.placeholder-decoration .wave3{position:absolute;bottom:0;left:0;width:200%;height:100%;opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23072036' d='M0,256 C180,200 360,280 540,240 C720,200 900,260 1080,240 C1260,220 1350,260 1440,256 L1440,320 L0,320 Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:wave 12s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:480px){.placeholder-logo{width:100px;margin-bottom:30px}.placeholder-icon{width:70px;height:70px;margin-bottom:24px}.placeholder-icon svg{width:35px;height:35px}.placeholder-title{font-size:22px}.placeholder-message{font-size:14px}}.contact-page{min-height:100vh;background:#09294b;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.contact-back-btn{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:20}.contact-back-btn:hover{background:#fff3}.contact-back-btn svg{width:24px;height:24px;color:#fff}.contact-page .member-profile-header{position:relative;padding:20px 20px 0;text-align:center}.contact-page .member-profile-bg{position:absolute;top:0;left:0;right:0;height:200px;background-size:300%;background-position:left 5%;z-index:0}.contact-page .member-profile-overlay{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,#09294b33,#09294bb3);z-index:1}.contact-page .member-level-badge{position:absolute;top:16px;right:16px;font-size:12px;font-weight:700;color:#d4af37;letter-spacing:1px;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.8)}.contact-page.silver .member-level-badge{color:#e0e0e0}.contact-page.bronze .member-level-badge{color:#e8a860}.contact-page .member-avatar-container{position:relative;z-index:10;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.contact-page .member-avatar-container:before,.contact-page .member-avatar-container:after{content:"";flex:1;height:6px;max-width:120px;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}.contact-page .member-avatar-container:before{margin:0 25px 0 0}.contact-page .member-avatar-container:after{margin:0 0 0 25px}.contact-page .member-avatar-ring{position:relative;width:160px;height:160px;margin:0 auto}.contact-page .member-badge-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;object-fit:contain}.contact-page .member-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;overflow:hidden;background:#1a3a5c;border:3px solid #d4af37}.contact-page.silver .member-avatar{border-color:silver}.contact-page.bronze .member-avatar{border-color:#cd7f32}.contact-page .member-avatar img{width:100%;height:100%;object-fit:cover}.contact-page .member-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1a3a5c,#0d2840)}.contact-page .member-info{position:relative;z-index:10;margin-left:-20px;margin-right:-20px;padding:8px 20px 16px;background:#ffffff1a;display:flex;justify-content:space-between;align-items:flex-start}.contact-page .member-info-left{text-align:left}.contact-page .member-info-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:6px}.contact-page .member-name{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.contact-page .member-status{font-size:14px;font-weight:600;margin:0}.contact-page .member-status.gold{color:#d4af37}.contact-page .member-status.silver{color:silver}.contact-page .member-status.bronze{color:#cd7f32}.contact-page .member-number{display:flex;flex-direction:column;align-items:flex-end}.contact-page .member-number .number{font-size:12px;color:#fffc;font-family:monospace}.contact-page .member-number .since{font-size:12px;color:#fff9}.contact-content{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 16px}.contact-form{width:100%;display:flex;flex-direction:column;gap:16px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-field label{font-size:13px;font-weight:600;color:#fffc}.contact-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box}.contact-input:focus{border-color:#fff6;background:#ffffff1f}.contact-input.readonly{opacity:.6;cursor:default}.contact-input::placeholder{color:#ffffff59}.contact-textarea{resize:vertical;min-height:120px}.contact-error{color:#f87171;font-size:13px;margin:0;text-align:center}.contact-submit-btn{width:100%;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,#16b095,#0d8a6f);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.contact-submit-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #16b09566}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px}.contact-success svg{width:60px;height:60px;color:#22c55e}.contact-success p{font-size:16px;color:#ffffffe6;text-align:center;margin:0}.contact-back-home-btn{padding:12px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.contact-back-home-btn:hover{background:#ffffff26}@media(min-width:481px){.contact-page{max-width:700px;margin-top:20px;margin-bottom:20px;border-radius:24px;min-height:calc(100vh - 40px)}}html{background:#09294b;height:auto;min-height:100%}body{background:#09294b;min-height:100%;height:auto;-webkit-overflow-scrolling:touch}body{position:relative;width:100%;background:#09294b}.landing-page{min-height:100vh;background:#09294b;background-image:var(--landing-bg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.landing-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;margin-top:40vh}.landing-logo{position:absolute;top:140px;width:180px;height:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.landing-slogan{font-size:28px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);max-width:500px;line-height:1.4;opacity:0;animation:fadeIn 2s ease-in-out forwards;animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing-btn{background:#fff;color:#09294b;border:none;padding:16px 50px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003}.landing-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}@media(max-width:480px){.landing-page{background-image:var(--landing-bg);background-size:calc(100% + 100px) 100%;background-position:left top;background-repeat:no-repeat}.landing-logo{width:150px;top:150px}.landing-slogan{font-size:15px;letter-spacing:.5px;max-width:150px}.landing-content{margin-top:50vh}}.profile-page-new{min-height:100vh;background:#09294b;max-width:480px;margin:0 auto;position:relative;overflow:hidden}@media(min-width:481px){.profile-page-new{max-width:700px;margin-top:20px;margin-bottom:20px;border-radius:24px;min-height:calc(100vh - 40px)}}.profile-home-btn{position:absolute;top:16px;left:16px;z-index:20;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.profile-home-btn svg{width:24px;height:24px;color:#fff}.profile-header-bg{position:relative;height:200px;background-image:url(/assets/ocean-bg-Curglqaw.jpg);background-size:300%;background-position:left 5%;text-align:center;padding-top:30px}.profile-header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#09294b33,#09294bb3)}.profile-page-title{position:relative;z-index:1;color:#fff;font-size:24px;font-weight:700;margin:0 0 20px}.profile-avatar-simple{position:relative;z-index:1;width:110px;height:110px;border-radius:50%;margin:0 auto;border:3px solid #cd7f32;background:#1a3a5c}.profile-avatar-simple.gold{border-color:#d4af37}.profile-avatar-simple.silver{border-color:silver}.profile-avatar-simple.bronze{border-color:#cd7f32}.profile-avatar-edit-btn{position:absolute;bottom:25px;right:18px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;transition:all .2s ease;z-index:2}.profile-avatar-edit-btn:hover{transform:scale(1.1);background:#f0f0f0}.profile-avatar-edit-btn svg{width:14px;height:14px;color:#09294b}.profile-unavailable-banner{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#e63946;color:#fff;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:600;text-align:center;max-width:90%;z-index:10;animation:fadeInOut 4s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}8%{opacity:1;transform:translate(-50%) translateY(0)}92%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.profile-avatar-simple>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-simple>.profile-avatar-initials{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1a3a5c,#0d2840);border-radius:50%}.profile-content-new{padding:20px 0}.profile-details-new{padding:20px;margin:0 5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px}.profile-row-new{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-row-new:last-child{border-bottom:none}.profile-label-new{color:#fff9;font-size:14px}.profile-value-new{color:#fff;font-size:14px;font-weight:500}.profile-value-new.profile-2fa.enabled{color:#22c55e}.profile-value-new.profile-2fa.disabled{color:#ef4444}.profile-section-title-new{color:#fff;font-size:16px;font-weight:600;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.become-member-btn-new{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.profile-back-btn{width:100%;margin-top:20px;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.profile-input-new{width:auto;min-width:150px;padding:6px 10px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.4);color:#fff;font-size:14px;font-weight:500;text-align:right}.profile-input-new:focus{outline:none;border-bottom-color:#0891b2}.profile-textarea-new{width:100%;min-width:150px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:400;resize:vertical;min-height:80px;font-family:inherit}.profile-textarea-new:focus{outline:none;border-color:#0891b2;background:#ffffff14}.profile-textarea-new::placeholder{color:#fff6}.profile-row-biography{flex-direction:column;align-items:flex-start;gap:8px}.profile-label-row{display:flex;align-items:baseline;gap:8px;width:100%}.profile-char-limit{font-size:11px;color:#fff6;font-weight:400}.profile-biography-text{white-space:pre-wrap;line-height:1.5}.profile-edit-buttons{display:flex;justify-content:space-between;gap:10px;margin:16px 20px 0}.profile-edit-buttons-right{display:flex;gap:10px}.profile-reset-buttons{display:flex;justify-content:center;gap:12px;margin-top:24px}.profile-edit-btn{padding:8px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.profile-edit-btn:hover{background:#ffffff1a;border-color:#ffffff80}.profile-save-btn{padding:8px 20px;background:#22c55e;border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.profile-save-btn:hover{background:#16a34a}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-cancel-btn{padding:8px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.profile-cancel-btn:hover{background:#ffffff1a}.profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.profile-membership-box{margin:20px 5px;padding:0 0 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;flex-direction:column;gap:16px}.profile-corporate-btn{width:100%;padding:12px;background:linear-gradient(180deg,#051a2e,#09294b);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;text-align:center}.profile-level-badge{width:auto;padding:12px 30px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.5px;text-align:center;border:none;cursor:pointer;align-self:center}.profile-level-badge.gold{background:linear-gradient(135deg,#d4af37,#f5d76e,#d4af37);color:#1a1a1a}.profile-level-badge.silver{background:linear-gradient(135deg,#a8a8a8,#e8e8e8,#a8a8a8);color:#1a1a1a}.profile-level-badge.bronze{background:linear-gradient(135deg,#cd7f32,#e8a860,#cd7f32);color:#1a1a1a}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#09294b;padding:20px}.login-card{background:var(--color-white);border-radius:12px;box-shadow:0 10px 40px #072f4733;padding:48px;width:100%;max-width:420px}.login-logo{font-size:32px;font-weight:700;color:var(--color-primary);margin-bottom:8px;letter-spacing:-.5px}.login-logo span{color:var(--color-accent)}.login-logo-img{width:180px;height:auto;margin-bottom:16px}.login-subtitle{color:#09294b;font-size:14px}.login-form{display:flex;flex-direction:column;gap:4px}.login-form .form-group{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:500;color:var(--color-primary)}.form-group input{padding:10px 12px;border:2px solid var(--color-secondary);border-radius:8px;font-size:16px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none}.form-group input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #1da0c51a}.form-group input::placeholder{color:#a0aec0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-error);padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.login-button{background:#09294b;color:var(--color-white);border:2px solid #09294b;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;margin-top:8px}.login-button:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #16b0954d}.login-button:active{transform:translateY(0)}.login-button:disabled{background:#a0aec0;border-color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.social-login-section{margin-top:24px;width:100%}.social-divider{display:flex;align-items:center;text-align:center;margin-bottom:20px}.social-divider:before,.social-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.social-divider span{padding:0 16px;color:#718096;font-size:13px;white-space:nowrap}.social-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.apple-signin-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 24px;background:#000;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.apple-signin-btn:hover{background:#1a1a1a}.apple-signin-btn:disabled{opacity:.6;cursor:not-allowed}.apple-signin-btn svg{width:18px;height:18px}.login-footer{margin-top:32px;text-align:center;color:var(--color-text-light);font-size:13px}.login-footer a{color:var(--color-secondary);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.app-version{font-size:10px;color:#a0aec0;margin-top:8px}.login-button.loading{position:relative;color:transparent}.login-button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--color-white);border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{min-height:100vh;background:var(--color-light-bg)}.dashboard-header{background:var(--color-primary);color:var(--color-white);padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.dashboard-logo{font-size:20px;font-weight:700}.dashboard-logo span{color:var(--color-accent)}.logout-button{background:transparent;color:var(--color-white);border:2px solid var(--color-white);padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.logout-button:hover{background:var(--color-white);color:var(--color-primary)}.dashboard-content{padding:48px 32px;max-width:900px;margin:0 auto}.welcome-card{background:var(--color-white);border-radius:12px;padding:32px;box-shadow:0 2px 8px #072f4714}.welcome-card h1{color:var(--color-primary);font-size:24px;margin-bottom:8px}.welcome-card p{color:var(--color-text-light)}.welcome-card.not-connected{text-align:center;padding:48px 32px}.welcome-card.not-connected h1{font-size:28px;margin-bottom:16px}.welcome-card.not-connected p{font-size:16px;max-width:500px;margin:0 auto 24px}.auth-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.auth-btn{padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.auth-btn.primary{background:#09294b;color:#fff;border:2px solid #09294b}.auth-btn.primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.auth-btn.secondary{background:#fff;color:#09294b;border:2px solid #09294b}.auth-btn.secondary:hover{background:#f5f9fa}.dashboard-cta-section{margin-top:32px;text-align:center}.dashboard-cta-section h2{font-size:24px;font-weight:700;color:#09294b;margin:0 0 8px}.cta-subtitle{font-size:15px;color:#5a6c7d;margin:0 0 32px}.cta-cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.cta-card{background:#fff;border-radius:16px;padding:32px 24px;width:100%;max-width:380px;text-align:center;box-shadow:0 4px 20px #072f4714;transition:all .3s ease-in-out;border:2px solid transparent}.cta-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #072f471f}.cta-card.individual:hover{border-color:#1da0c5}.cta-card.company:hover{border-color:#16b095}.cta-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cta-card.individual .cta-icon{background:linear-gradient(135deg,#1da0c5,#0077b6)}.cta-card.company .cta-icon{background:linear-gradient(135deg,#16b095,#0d8c6e)}.cta-icon svg{width:36px;height:36px;color:#fff}.cta-card h3{font-size:20px;font-weight:700;color:#09294b;margin:0 0 12px}.cta-card p{font-size:14px;color:#5a6c7d;margin:0 0 24px;line-height:1.5}.cta-btn{width:100%;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;background:linear-gradient(135deg,#1da0c5,#0077b6);color:#fff;border:none}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1da0c566}.cta-btn.company-btn{background:linear-gradient(135deg,#16b095,#0d8c6e)}.cta-btn.company-btn:hover{box-shadow:0 4px 12px #16b09566}@media(max-width:768px){.dashboard-content{padding:24px 16px}.welcome-card.not-connected{padding:32px 20px}.welcome-card.not-connected h1{font-size:22px}.auth-buttons{flex-direction:column}.auth-btn{width:100%}.dashboard-cta-section h2{font-size:20px}.cta-cards{flex-direction:column;align-items:center}.cta-card{max-width:100%}}.language-switcher{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.header-actions .language-switcher{margin-bottom:0}.lang-btn{background:transparent;border:1px solid rgba(29,160,197,.3);padding:0;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;opacity:.6}.lang-btn:hover{opacity:1;transform:scale(1.1)}.lang-btn.active{opacity:1;border-color:var(--color-secondary);box-shadow:0 2px 8px #1da0c54d}.flag-icon{width:100%;height:100%;object-fit:cover}.login-header{text-align:center;margin-bottom:40px}.header-actions{display:flex;align-items:center;gap:16px}.dashboard-header .lang-btn.active{border-color:var(--color-white)}.user-menu-container{position:relative}.user-menu-btn{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.user-menu-btn:hover{background:#ffffff1a;border-color:#fff}.user-icon{width:22px;height:22px}.user-menu-overlay{position:fixed;inset:0;z-index:999}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;z-index:1000;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;font-size:14px;font-weight:500;color:#09294b;cursor:pointer;transition:background .2s ease-in-out;text-align:left}.user-menu-item:hover{background:#f5f9fa}.user-menu-item svg{width:20px;height:20px;color:#5a6c7d}.user-menu-logout{border-top:1px solid #e1e8ed;color:#e63946}.user-menu-logout svg{color:#e63946}.home-page{min-height:100vh;background:linear-gradient(180deg,#09294b,#1a4a6e);display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.home-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.home-logo{width:80px;height:auto}.login-header-btn{background:#1da0c54d;border:none;color:#fff;padding:10px 24px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.login-header-btn:hover{background:#1da0c580}.home-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 16px 40px}.home-hero{text-align:center;margin-bottom:32px;margin-top:40px}.home-logo-center{width:120px;height:auto;margin-bottom:24px}.home-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}.home-title .mobile-break{display:block}.home-subtitle{font-size:14px;color:#fffc;margin:0 auto;max-width:320px;line-height:1.5;text-align:center}.membership-cards{display:flex;flex-direction:column;gap:16px;width:100%;padding:0 8px}.membership-card{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;text-decoration:none;transition:all .3s ease-in-out}.membership-card:hover{background:#ffffff1f;transform:translateY(-2px);border-color:#ffffff40}.membership-card:active{transform:scale(.98)}.membership-badge{width:110px;height:auto;flex-shrink:0;border-radius:12px;box-shadow:0 4px 15px #0003}.membership-card-content{flex:1;text-align:left}.membership-name{font-size:20px;font-weight:700;margin:0 0 4px}.membership-card.bronze .membership-name{color:#cd7f32}.membership-card.silver .membership-name{color:silver}.membership-card.gold .membership-name{color:#d4af37}.membership-price{font-size:16px;font-weight:600;color:#fff;margin:0}.membership-price span{font-size:13px;font-weight:400;color:#fff9}.membership-join-text{display:block;color:#16b095;font-size:14px;font-weight:600;flex-shrink:0}.membership-btn{display:none;background:linear-gradient(135deg,#16b095,#0d8c6e);color:#fff;border:none;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;flex-shrink:0}.membership-card:hover .membership-btn{transform:scale(1.05);box-shadow:0 4px 15px #16b09566}.home-language-switcher{margin-top:32px;display:flex;justify-content:center}.home-footer{padding:20px 16px;text-align:center;color:#ffffff80;font-size:12px}.home-footer p{margin:0}@media(min-width:481px){.home-page{margin-top:20px;margin-bottom:20px;border-radius:24px;min-height:calc(100vh - 40px)}.home-content{padding:40px 24px;justify-content:center}.home-hero{margin-top:0;margin-bottom:48px}.home-title{font-size:32px}.home-title .mobile-break{display:none}.home-subtitle{font-size:16px;max-width:400px}.membership-cards{gap:20px}.membership-card{padding:20px;gap:20px}.membership-badge{width:120px}.membership-name{font-size:22px}.membership-price{font-size:18px}.membership-join-text{display:none}.membership-btn{display:block;padding:12px 24px;font-size:14px}}@media(min-width:900px){.home-page{max-width:900px}.membership-cards{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px}.membership-card{flex-direction:column;text-align:center;width:260px;padding:24px}.membership-badge{width:200px;margin-bottom:16px}.membership-card-content{text-align:center}.membership-name{font-size:24px;margin-bottom:8px}.membership-price{font-size:20px;margin-bottom:16px}.membership-btn{width:100%;padding:14px 28px;font-size:15px}}.profile-page{min-height:calc(100vh - 40px);background:#09294b;max-width:480px;margin:20px auto;position:relative;overflow:hidden;border-radius:24px}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#09294b}.profile-logo{width:60px;height:auto}.profile-content{max-width:600px;margin:0 auto;padding:40px 24px}.profile-card{background:#fff;border-radius:16px;padding:40px 32px;box-shadow:0 2px 12px #072f4714;text-align:center}.profile-avatar{width:100px;height:100px;background:#e1e8ed;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.profile-avatar svg{width:60px;height:60px;color:#5a6c7d}.profile-name{font-size:28px;font-weight:700;color:#09294b;margin:0 0 8px}.profile-role{display:inline-block;background:#1da0c5;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:32px}.profile-details{text-align:left;border-top:1px solid #e1e8ed;padding-top:24px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e1e8ed}.profile-row:last-child{border-bottom:none}.become-member-btn{background:linear-gradient(135deg,#0077b6,#00b4d8);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.become-member-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0077b64d}.profile-label{font-size:14px;color:#5a6c7d;font-weight:500}.profile-value{font-size:15px;color:#09294b;font-weight:600}.profile-2fa.enabled{color:#16b095}.profile-2fa.disabled{color:#e63946}.profile-section-title{font-size:16px;font-weight:600;color:#09294b;margin-top:24px;margin-bottom:8px;padding-top:16px;border-top:2px solid #09294b}.home-link-btn{background:transparent;border:none;color:var(--color-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;margin-bottom:16px;transition:all .2s ease-in-out}.home-link-btn:hover{color:var(--color-accent);text-decoration:underline}.register-card{max-width:600px}.register-link{margin-bottom:12px;color:var(--color-text-light)}.link-btn{background:none;border:none;color:var(--color-secondary);font-weight:600;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-btn:hover{color:var(--color-accent)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-select{padding:10px 12px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;outline:none;width:100%;background:#fff;cursor:pointer}.form-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #1da0c51a}.error-text{display:block;color:#e63946;font-size:13px;margin-top:6px}.form-group-checkbox{margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--color-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-secondary)}.two-factor-info{text-align:center;margin-bottom:24px;color:var(--color-text-light)}.two-factor-info p{margin:0 0 8px}.two-factor-email{font-weight:600;color:var(--color-primary)}.two-factor-input{text-align:center;font-size:24px!important;letter-spacing:14px;font-weight:600}.two-factor-actions{display:flex;justify-content:center;gap:16px;margin-top:16px;margin-bottom:24px}.two-factor-actions .link-btn{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.two-factor-actions .link-btn:hover{color:var(--color-accent)}.two-factor-actions .cancel-btn{color:#e63946}.two-factor-actions .cancel-btn:hover{color:#d62839}.forgot-password-btn{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;text-decoration:underline;margin-top:8px}.forgot-password-btn:hover{color:var(--color-accent)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.crop-modal-overlay{background:#09294bf2}.crop-modal{background:#09294b;border-radius:16px;padding:24px;width:100%;max-width:340px;border:1px solid rgba(255,255,255,.15)}.crop-modal-title{color:#fff;font-size:18px;font-weight:600;text-align:center;margin:0 0 20px}.crop-area{width:200px;height:200px;margin:0 auto 20px;position:relative;overflow:hidden;border-radius:50%;background:#1a3a5c;cursor:grab;touch-action:none}.crop-area:active{cursor:grabbing}.crop-circle{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50%;border:3px solid #d4af37}.crop-circle img{position:absolute;top:50%;left:50%;max-width:none;max-height:none;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.crop-zoom-control{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.crop-zoom-icon{color:#fff9;font-size:18px;font-weight:600}.crop-zoom-slider{width:150px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none}.crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#16b095;cursor:pointer}.crop-zoom-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#16b095;cursor:pointer;border:none}.crop-buttons{display:flex;gap:12px;justify-content:center}.crop-buttons .profile-cancel-btn,.crop-buttons .profile-save-btn{flex:1;max-width:140px}.modal-content{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#5a6c7d;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out}.modal-close:hover{background:#f5f9fa;color:#09294b}.modal-title{font-size:20px;font-weight:700;color:#09294b;margin:0 0 8px;text-align:center}.modal-subtitle{font-size:14px;color:#5a6c7d;margin:0 0 24px;text-align:center}.forgot-success{text-align:center}.success-icon{width:60px;height:60px;background:#16b095;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.forgot-success h2{font-size:18px;color:#09294b;margin:0 0 12px}.forgot-success p{font-size:14px;color:#5a6c7d;margin:0 0 24px}.forgot-input-row{display:flex;gap:8px;align-items:stretch}.forgot-input-row input{flex:1}.forgot-submit-btn{background:#09294b;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.forgot-submit-btn:hover{background:var(--color-accent)}.forgot-submit-btn:disabled{background:#a0aec0;cursor:not-allowed}.forgot-submit-btn.loading{background:#a0aec0}@media(max-width:480px){.login-container{padding:0;background:var(--color-white)}.login-card{padding:40px 20px;border-radius:0;box-shadow:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-header{margin-bottom:24px}.login-logo-img{width:180px;margin-bottom:12px}.login-header{margin-bottom:20px}.login-card{padding-top:20px;justify-content:flex-start}.login-subtitle{font-size:13px}.login-form{gap:16px}.form-group label{font-size:12px}.form-group input{padding:10px 12px;font-size:15px}.login-button{padding:12px 20px;font-size:15px}.login-footer{margin-top:24px;font-size:12px}.register-card{max-width:100%}.form-row{flex-direction:column;gap:0}.two-factor-input{font-size:20px!important;letter-spacing:10px}.forgot-input-row{flex-direction:column;gap:12px}.forgot-input-row input,.forgot-submit-btn{width:100%}.modal-content{margin:16px;padding:20px}.modal-title{font-size:18px}}