/* JOIN PAGE */
.join-main { padding:6rem 4rem; background:var(--dark); display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.join-intro {}
.join-body { font-size:0.93rem; line-height:1.85; color:var(--mid); margin-bottom:1rem; }
.join-body strong { color:var(--white); font-weight:500; }
.pricing-stack { display:flex; flex-direction:column; gap:1rem; margin:2rem 0; }
.pricing-card { padding:1.5rem; border:1px solid rgba(255,255,255,0.08); display:flex; align-items:center; gap:1.5rem; transition:border-color 0.3s; }
.pricing-card:hover { border-color:rgba(185,28,28,0.35); }
.pricing-card.featured { border-color:var(--gold); background:rgba(163,124,39,0.05); }
.price-amount { font-family:'Bebas Neue',sans-serif; font-size:2.4rem; color:var(--white); line-height:1; min-width:90px; }
.price-amount small { font-size:1rem; color:var(--mid); }
.pricing-card.featured .price-amount { color:var(--gold-bright); }
.price-name { font-family:'Barlow Condensed',sans-serif; font-size:0.78rem; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--white); margin-bottom:0.3rem; }
.price-desc { font-size:0.8rem; color:var(--gray); line-height:1.5; }
.join-form-wrap { background:var(--charcoal); border:1px solid rgba(255,255,255,0.07); border-top:2px solid var(--red); padding:2.5rem; }
.form-title { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; letter-spacing:0.08em; margin-bottom:1.5rem; }
.form-group { margin-bottom:1rem; }
.form-group label { display:block; font-family:'Barlow Condensed',sans-serif; font-size:0.62rem; font-weight:700; letter-spacing:0.28em; text-transform:uppercase; color:var(--mid); margin-bottom:0.4rem; }
.form-group input, .form-group select, .form-group textarea { width:100%; background:var(--dark); border:1px solid rgba(255,255,255,0.1); color:var(--white); padding:0.75rem 1rem; font-family:'Barlow',sans-serif; font-size:0.88rem; font-weight:300; outline:none; transition:border-color 0.2s; -webkit-appearance:none; border-radius:0; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--red); }
.form-group select option { background:var(--dark); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; }
.upload-area { border:1px dashed rgba(255,255,255,0.15); padding:1.5rem; text-align:center; cursor:pointer; transition:border-color 0.2s; background:var(--dark); }
.upload-area:hover { border-color:var(--red); }
.upload-icon { font-size:1.5rem; margin-bottom:0.4rem; }
.upload-label { font-family:'Barlow Condensed',sans-serif; font-size:0.68rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--mid); }
.upload-sub { font-size:0.7rem; color:var(--gray); margin-top:0.25rem; }
.ai-badge { display:flex; align-items:center; gap:0.5rem; margin-top:0.75rem; font-family:'Barlow Condensed',sans-serif; font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold-bright); justify-content:center; }
.ai-badge::before, .ai-badge::after { content:''; flex:1; height:1px; background:rgba(163,124,39,0.3); }
.btn-submit { width:100%; margin-top:1.5rem; font-family:'Barlow Condensed',sans-serif; font-size:0.78rem; font-weight:700; letter-spacing:0.3em; text-transform:uppercase; background:var(--red); color:var(--white); padding:1rem; border:none; cursor:pointer; transition:background 0.2s; clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.btn-submit:hover { background:var(--red-hot); }
@media(max-width:768px) { .join-main { grid-template-columns:1fr; padding:4rem 1.5rem; gap:3rem; } .form-row { grid-template-columns:1fr; } }
