.join-page .hero{position:relative;min-height:35vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--color-green-deep) 0%,var(--color-blue-deep) 100%);padding:calc(var(--space-xl) + 60px) var(--space-md) var(--space-lg);overflow:hidden}.join-page .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(75,145,109,.3) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(47,93,255,.2) 0%,transparent 50%);pointer-events:none}.join-page .hero-inner{position:relative;z-index:1;max-width:700px}.join-page .course-badge{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--color-coral);padding:.35rem 1rem;border-radius:20px;margin-bottom:.75rem}.join-page .hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);color:var(--color-cream);margin-bottom:var(--space-sm)}.join-page .hero-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#f1f0efcc;max-width:580px;margin:0 auto;line-height:1.7}.join-page .hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:60px}.join-page .form-section{background:var(--color-sand-light)}.join-page .form-wrapper{max-width:720px;margin:0 auto}.join-page .form-card{background:var(--color-cream);border-radius:20px;padding:var(--space-md) var(--space-md) var(--space-lg);box-shadow:0 4px 30px #1514140f;border:1px solid rgba(21,20,20,.04)}.join-page .registration-form{display:flex;flex-direction:column;gap:1.2rem}.join-page .form-section-label{font-family:var(--font-body);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-green-deep);margin:.6rem 0 -.3rem;padding-bottom:.4rem;border-bottom:1.5px solid rgba(13,79,61,.12)}.join-page .form-section-label:first-child{margin-top:0}.join-page .label-note{font-weight:400;text-transform:none;letter-spacing:normal;color:#999}.join-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.join-page .form-group{display:flex;flex-direction:column;gap:.4rem}.join-page .form-group label{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-dark);letter-spacing:.02em}.join-page .field-hint{font-size:.78rem;color:#8a8a8a;margin:.1rem 0 0;line-height:1.45}.join-page .form-group input[type=text],.join-page .form-group input[type=email],.join-page .form-group input[type=tel],.join-page .form-group input[type=date],.join-page .form-group input[type=password],.join-page .form-group select,.join-page .form-group textarea{font-family:var(--font-body);font-size:.95rem;color:var(--color-dark);background:#fff;border:1.5px solid rgba(21,20,20,.1);border-radius:12px;padding:.85rem 1rem;transition:all .25s ease;outline:none;width:100%;-webkit-appearance:none;appearance:none}.join-page .form-group textarea{resize:vertical;min-height:80px}.join-page .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23151414' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.join-page .form-group input::placeholder,.join-page .form-group textarea::placeholder{color:#aaa}.join-page .form-group input:focus,.join-page .form-group select:focus,.join-page .form-group textarea:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px #2f5dff1a;background:#fff}.join-page .hidden-field{display:none}.join-page .required{color:var(--color-coral)}.join-page .form-alert{font-size:.9rem;padding:.85rem 1rem;border-radius:12px;line-height:1.5}.join-page .form-alert--error{background:#e84d3014;border:1.5px solid rgba(232,77,48,.25);color:#a5301c}.join-page .form-alert a{color:var(--color-coral);font-weight:600}.join-page .btn-submit{align-self:flex-start;padding:1rem 2.5rem;font-size:1rem;margin-top:.5rem}.join-page .signin-note{font-size:.9rem;color:#666;margin:.25rem 0 0}.join-page .signin-note a{color:var(--color-coral);font-weight:600}.join-page .join-result{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.join-page .join-result-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.join-page .join-result-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-dark);margin:0}.join-page .join-result-text{color:#555;font-size:1rem;line-height:1.6;max-width:440px;margin:.25rem 0 0}.join-page .join-result-sub{color:#999;font-size:.85rem;line-height:1.5;max-width:420px;margin:0}.join-page .join-result-btn{margin-top:1rem}@media(max-width:768px){.join-page .hero{min-height:30vh;padding:calc(var(--space-lg) + 60px) var(--space-sm) var(--space-md)}.join-page .form-card{padding:var(--space-sm) var(--space-sm) var(--space-md);border-radius:16px}.join-page .form-row{grid-template-columns:1fr}.join-page .btn-submit{align-self:stretch}}