*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1a1a1a;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex;position:sticky;top:0}.logo{color:#e8785a;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:#666;cursor:pointer;background:0 0;border:none;font-size:.95rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:#e8785a}.btn-header{color:#e8785a;cursor:pointer;background:#fff;border:2px solid #e8785a;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-header:hover{color:#fff;background:#e8785a}.header-wrapper{border-bottom:1px solid #f0f0f0}.hero{text-align:center;max-width:900px;margin:0 auto;padding:6rem 0}.hero-pretitle{color:#f0a65c;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:600}.hero-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:2.8rem;font-weight:700;line-height:1.3}.hero-title span{color:#e8785a}.hero-subtitle{color:#666;max-width:650px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:400;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e8785a 0%,#f0a65c 100%);border:none;border-radius:10px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e8785a40}.btn-secondary{color:#e8785a;cursor:pointer;background:#fff;border:2px solid #e8785a;border-radius:10px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#fff5f1}.section{border-bottom:1px solid #f0f0f0;padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:#666;text-align:center;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.manifesto-section{background:#f9f7f2;border-bottom:1px solid #f0f0f0;padding:5rem 0}.manifesto-items{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto;display:grid}.manifesto-item{text-align:center}.manifesto-icon{margin-bottom:1rem;font-size:2.5rem}.manifesto-item h3{margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.manifesto-item p{color:#666;font-size:.95rem;line-height:1.7}.how-it-works{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;max-width:1000px;margin:0 auto;display:grid}.step{text-align:center}.step-number{color:#fff;background:linear-gradient(135deg,#e8785a 0%,#f0a65c 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:1.8rem;font-weight:700;display:flex}.step-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.step-desc{color:#666;font-size:.95rem;line-height:1.6}.roles-section{background:#f9f7f2;border-bottom:1px solid #f0f0f0;padding:5rem 0}.roles-title{text-align:center;margin-bottom:3rem}.roles-grid{grid-template-columns:1fr 1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.role-card{background:#fff;border-radius:12px;padding:2.5rem}.role-icon{margin-bottom:1rem;font-size:3rem}.role-card h3{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.role-card p{color:#666;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.role-card ul{color:#666;text-align:left;margin-bottom:1.5rem;font-size:.9rem;list-style:none}.role-card li{padding:.5rem 0 .5rem 1.5rem;position:relative}.role-card li:before{content:"✓";color:#e8785a;font-weight:700;position:absolute;left:0}.role-card .btn-primary{width:100%}.directory-header{margin-bottom:2.5rem}.directory-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.directory-subtitle{color:#666;font-size:1rem}.filters{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.filter-btn:hover,.filter-btn.active{color:#e8785a;border-color:#e8785a;font-weight:600}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.profile-card{text-align:center;cursor:pointer;transition:transform .2s}.profile-card:hover{transform:translateY(-4px)}.profile-avatar{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#f0a65c 0%,#e8785a 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;font-size:3rem;display:flex}.profile-name{margin-bottom:.2rem;font-size:1rem;font-weight:600}.profile-role{color:#f0a65c;margin-bottom:.5rem;font-size:.8rem;font-weight:500}.profile-location{color:#999;margin-bottom:.8rem;font-size:.85rem}.profile-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.tag{color:#666;background:#f0f0f0;border-radius:20px;padding:.3rem .7rem;font-size:.7rem}.footer{text-align:center;color:#999;border-top:1px solid #f0f0f0;padding:3rem 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.footer-links a{color:#666;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#e8785a}.modal{z-index:1000;background:#00000080;padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.modal.active{display:flex}.modal-content{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:500px;margin:auto auto 0;padding:2rem;animation:.3s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.modal-header h2{font-size:1.3rem;font-weight:700}.modal-header p{color:#999;margin-top:.3rem;font-size:.85rem}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;padding:0;font-size:1.5rem}.modal-close:hover{color:#666}.form-group{margin-bottom:1.2rem}.form-group label{margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e8785a;outline:none;box-shadow:0 0 0 3px #e8785a1a}.form-link{text-align:center;color:#999;margin-top:1rem;font-size:.9rem}.form-link a{color:#e8785a;cursor:pointer;font-weight:600;text-decoration:none}.form-link a:hover{text-decoration:underline}@media (width<=768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.roles-grid{grid-template-columns:1fr}.header-nav .nav-link{display:none}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.how-it-works,.manifesto-items{grid-template-columns:1fr}}