*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d3b2e;--surface:#112f24;--border:#1e4d3a;--border-mid:#2a6350;--text:#fff;--text-mid:#a8c4b8;--text-muted:#6b9e88;--accent:#cef035;--accent-hover:#b8d92e;--accent-light:#f4fce3;--linkedin:#0a66c2;--linkedin-hover:#004182;--instagram:#e1306c;--twitter:#000;--success:#059669;--success-light:#ecfdf5;--error:#dc2626;--error-light:#fef2f2;--radius:12px;--radius-sm:7px;--shadow:0 1px 3px #4f46e514, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #cef03526, 0 2px 4px #0000000a;--font:"Inter", system-ui, -apple-system, sans-serif;--transition:.15s ease}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.app-header{z-index:100;background:linear-gradient(135deg,#0d3b2e 0%,#1a5c45 100%);position:sticky;top:0;box-shadow:0 2px 12px #0000004d}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;height:58px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-mark{color:#fff;font-size:20px;line-height:1}.logo-text{letter-spacing:-.01em;color:#fff;font-size:15px;font-weight:800}.header-nav{align-items:center;gap:4px;display:flex}.nav-btn{border-radius:var(--radius-sm);color:#ffffffd9;transition:background var(--transition), color var(--transition);padding:6px 14px;font-size:14px;font-weight:500}.nav-btn:hover{color:#fff;background:#ffffff26}.nav-btn.active{color:#fff;background:#fff3}.nav-btn--cta{font-weight:700;color:var(--accent)!important;background:#fff!important}.stats-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;padding:0 24px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:2px;padding:16px 32px;display:flex}.stat-item--progress{min-width:160px}.stat-divider{background:var(--border);width:1px;height:36px}.stat-number{letter-spacing:-.03em;color:var(--accent);font-size:22px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.progress-bar{background:var(--border);border-radius:3px;width:100%;height:5px;margin-top:6px;overflow:hidden}.progress-fill{background:#cef035;border-radius:3px;height:100%;transition:width .6s}.personal-stats{color:#fff;text-align:center;letter-spacing:-.01em;background:linear-gradient(135deg,#0d3b2e 0%,#1a5c45 100%);padding:14px 24px;font-size:15px;font-weight:600}.personal-stats span{opacity:.85;font-weight:400}.directory-page{max-width:1100px;margin:0 auto;padding:24px}.filters-bar{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.search-input,.filter-select{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);height:40px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 14px;font-size:14px}.search-input{flex:1;min-width:180px}.search-input:focus,.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cef03533}.filter-select{appearance:auto;padding-right:28px}.results-count{color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:500}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.participant-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:12px;padding:20px;animation:.25s both fadeUp;display:flex}.participant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.participant-card--you{border-color:var(--accent);background:linear-gradient(145deg,#fafbff 0%,#fff 100%);border-width:2px}.card-top{align-items:flex-start;gap:12px;display:flex}.avatar{color:#fff;letter-spacing:-.02em;background:#cef035;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000004d}.card-identity{min-width:0}.card-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.you-badge{color:var(--accent);background:var(--accent-light);letter-spacing:.02em;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.card-meta{color:var(--text-muted);margin-top:2px;font-size:13px}.card-bio{color:var(--text-mid);flex:1;font-size:13px;line-height:1.55}.card-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.connection-count{color:var(--text-muted);font-size:12px;font-weight:600}.card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-social{border-radius:var(--radius-sm);transition:opacity var(--transition), transform var(--transition);color:#fff;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.btn-social:hover{opacity:.88;transform:translateY(-1px)}.btn-linkedin{background:var(--linkedin)}.btn-instagram{background:var(--instagram)}.btn-twitter{background:var(--twitter)}.btn-connect{border-radius:var(--radius-sm);border:1.5px solid var(--accent);color:var(--accent);transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;padding:5px 12px;font-size:12px;font-weight:700}.btn-connect:hover:not(:disabled){background:var(--accent);color:#fff;transform:translateY(-1px)}.btn-connect--done{border-color:var(--success);color:var(--success);cursor:default}.btn-primary{color:#fff;border-radius:var(--radius-sm);transition:opacity var(--transition), transform var(--transition);background:#cef035;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000040}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary.btn-full{width:100%}.btn-primary.btn-sm{padding:6px 14px;font-size:13px}.btn-ghost{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-mid);transition:background var(--transition), border-color var(--transition);padding:6px 14px;font-size:13px;font-weight:600}.btn-ghost:hover{background:var(--surface);border-color:var(--accent);color:var(--accent)}.btn-ghost.btn-sm{padding:4px 10px}.btn-link{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.register-page{max-width:620px;margin:40px auto;padding:0 24px 64px}.register-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.register-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d3b2e 0%,#1a5c45 100%);padding:32px 32px 24px}.register-header h1{letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:800}.register-header p{color:#fffc;margin-top:4px;font-size:14px}.register-form{flex-direction:column;gap:18px;padding:28px 32px 32px;display:flex}.form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border-bottom:2px solid var(--accent-light);padding-bottom:4px;font-size:11px;font-weight:700}.optional-label{color:var(--text-muted);border-bottom-color:var(--border);margin-top:4px}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--text);font-size:13px;font-weight:700}.char-hint{color:var(--text-muted);font-weight:400}.form-group input,.form-group textarea{border:1.5px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 14px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cef03533}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.char-count{color:var(--text-muted);text-align:right;font-size:12px}.form-error{background:var(--error-light);border-radius:var(--radius-sm);color:var(--error);border:1.5px solid #fecaca;padding:10px 14px;font-size:13px;font-weight:500}.auth-page{max-width:440px;margin:48px auto;padding:0 24px 64px}.auth-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.auth-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d3b2e 0%,#1a5c45 100%);padding:28px 28px 20px}.auth-header h1{letter-spacing:-.02em;color:#fff;font-size:20px;font-weight:800}.auth-header p{color:#fffc;margin-top:4px;font-size:14px}.auth-form{flex-direction:column;gap:16px;padding:24px 28px 28px;display:flex}.auth-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:16px 28px;font-size:13px}.auth-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 28px;display:flex}.auth-success h2{font-size:18px;font-weight:700}.auth-success p{color:var(--text-mid);font-size:14px}.btn-link-center{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.register-success{text-align:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);max-width:420px;box-shadow:var(--shadow-md);margin:80px auto;padding:48px 32px;animation:.4s fadeUp}.success-icon{background:var(--success-light);width:56px;height:56px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:24px;font-weight:700;display:flex}.register-success h2{margin-bottom:8px;font-size:20px;font-weight:700}.register-success p{color:var(--text-mid);font-size:14px}.private-gate{justify-content:center;align-items:center;min-height:calc(100vh - 58px);padding:24px;display:flex}.private-gate-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;padding:52px 44px;display:flex}.logo-mark-large{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:48px;line-height:1}.private-gate-card h2{letter-spacing:-.02em;font-size:22px;font-weight:800}.private-gate-card p{color:var(--text-mid);font-size:14px;line-height:1.6}.private-gate-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.loading-state,.error-state,.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.header-inner{padding:0 16px}.logo-text{font-size:13px}.stats-bar{gap:0}.stat-item{padding:12px 14px}.stat-divider{height:24px}.stat-number{font-size:18px}.directory-page{padding:16px}.register-page{margin:16px auto}.register-header{padding:24px 20px 18px}.register-form{padding:20px 20px 24px}.form-row,.cards-grid{grid-template-columns:1fr}.auth-page{margin:16px auto}.auth-header{padding:20px 20px 16px}.auth-form{padding:20px 20px 24px}.private-gate-card{padding:36px 24px}}.btn-primary{color:#0d3b2e!important}.nav-btn--cta{color:#0d3b2e!important;background:#cef035!important}.nav-btn--cta:hover{background:#b8d92e!important}.avatar{color:#cef035!important;box-shadow:none!important;background:linear-gradient(135deg,#1a5c45 0%,#2a7a5e 100%)!important}.participant-card--you{background:#163828!important}.stat-number{color:#cef035!important}.form-group input,.form-group textarea,.search-input,.filter-select{color:#fff!important;background:#0d3b2e!important;border-color:#2a6350!important}.form-group input::placeholder,.form-group textarea::placeholder,.search-input::placeholder{color:#6b9e88!important}.you-badge{color:#cef035!important;background:#cef03526!important}.form-section-label{color:#cef035!important;border-bottom-color:#cef03533!important}.logo-mark{color:#cef035!important}.logo-mark-large{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background:linear-gradient(135deg,#cef035,#a8d400)!important}.personal-stats{color:#cef035!important;background:#0a2e22!important}.personal-stats span{color:#a8c4b8!important}.progress-fill{background:#cef035!important}.btn-connect{color:#cef035!important;border-color:#cef035!important}.btn-connect:hover:not(:disabled){color:#0d3b2e!important;background:#cef035!important}.btn-connect--done{color:#6b9e88!important;border-color:#6b9e88!important}.register-header h1,.register-header p,.auth-header h1,.auth-header p{color:#fff!important}.register-header p,.auth-header p{opacity:.8}.btn-link,.btn-link-center{color:#cef035!important}.filter-select option{color:#fff;background:#112f24}