.join-page{background:linear-gradient(135deg, var(--color8,#f9f5f2) 0%, #fff 100%);min-height:100vh}.join-cover{background-position:50%;background-size:cover;width:100%;height:260px}.join-content{text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;padding:48px 24px 80px;display:flex}.join-author{align-items:center;gap:10px;margin-bottom:16px;display:flex}.join-author-avatar{object-fit:cover;border:2px solid var(--color1,#59324c);border-radius:50%;width:40px;height:40px}.join-author-name{color:var(--color1,#59324c);font-size:.95rem;font-weight:600}.join-headline{color:var(--color1,#59324c);margin:0 0 16px;font-family:yana,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2}.join-description{color:#4b5563;white-space:pre-wrap;margin:0 0 32px;font-size:1.05rem;line-height:1.65}.join-books{text-align:left;flex-direction:column;gap:16px;width:100%;margin:0 0 32px;display:flex}.join-book-card{cursor:pointer;color:inherit;background:#ffffffb3;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:14px;padding:12px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.join-book-card:hover{border-color:var(--color1,#59324c);transform:translateY(-2px);box-shadow:0 4px 14px #0000001a}.join-book-cover{object-fit:cover;border-radius:6px;width:64px;min-width:64px;height:96px;box-shadow:0 2px 6px #0000001f}.join-book-info{flex:1;min-width:0}.join-book-title{color:var(--color1,#59324c);margin:0 0 6px;font-size:.95rem;font-weight:700;line-height:1.3}.join-book-desc{color:#4b5563;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.join-book-cta{color:var(--color1,#59324c);margin-top:8px;font-size:.8rem;font-weight:600;display:inline-block}.join-book-card:hover .join-book-cta{text-decoration:underline}.join-form{flex-direction:column;gap:12px;width:100%;display:flex}.join-form input.join-input,.join-input{box-sizing:border-box;color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:48px;margin-left:0;padding:0 16px;font-size:1rem;transition:border-color .15s}.join-input:focus{border-color:var(--color1,#59324c)}.join-btn{background:var(--color1,#59324c);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:52px;margin-top:4px;font-size:1.05rem;font-weight:700;transition:opacity .15s}.join-btn:hover{opacity:.88}.join-btn:disabled{opacity:.5;cursor:not-allowed}.join-custom-fields{border-top:1px solid #e5e7eb;flex-direction:column;gap:14px;width:100%;padding-top:14px;display:flex}.join-field-group{flex-direction:column;gap:5px;display:flex}.join-field-label{color:#374151;font-size:.9rem;font-weight:500}.join-field-required{color:#ef4444;margin-left:2px}.join-field-checkbox{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.join-field-checkbox input[type=checkbox]{accent-color:var(--color1);flex-shrink:0;width:17px;height:17px;margin-top:2px}.join-field-checkbox-label{color:#374151;font-size:.88rem;line-height:1.5}.join-field-textarea{resize:vertical;min-height:80px}.join-field-select{appearance:auto}.join-success{text-align:center;background:#f0fdf4;border:2px solid #86efac;border-radius:12px;width:100%;padding:28px 24px}.join-success-title{color:#15803d;margin:0 0 8px;font-family:yana,sans-serif;font-size:1.5rem;font-weight:700}.join-success-body{color:#166534;margin:0;font-size:1rem}@media (max-width:600px){.join-cover{height:180px}.join-content{padding:32px 16px 60px}.join-headline{font-size:1.7rem}}