body{font-family:'Roboto',Arial,sans-serif;margin:0;background:linear-gradient(135deg,#e3f0ff 0%,#f7f9fa 100%);color:#222;min-height:100vh}.join-card{max-width:650px;margin:3rem auto;background:#fff;border-radius:18px;box-shadow:0 6px 32px rgba(30,60,120,0.10);padding:2.5rem 2rem 2rem 2rem}.join-title{color:#1d4a83;font-size:2rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:1px;text-align:center}.join-section{font-size:1.15rem;color:#222;margin-bottom:1.2rem;line-height:1.6}.join-list{list-style:none;padding:0;margin:1.2rem 0 1.2rem 0}.join-list li{margin-bottom:0.7rem;padding-left:1.2em;position:relative}.join-list li:before{content:'\2022';color:#1d4a83;font-weight:700;position:absolute;left:0}.join-link{color:#36f;font-size:1.1rem;text-decoration:underline;transition:color 0.2s}.join-link:hover{color:#e91c4d}.join-highlight{display:block;margin:2.5rem auto 0 auto;color:#fff;background:linear-gradient(90deg,#1d4a83 60%,#3366ff 100%);border-radius:10px;border:3px double #b3d8ff;padding:0.7rem 1.5rem;font-size:1.2rem;font-weight:700;text-align:center;max-width:500px;box-shadow:0 2px 8px rgba(30,60,120,0.10)}@media (max-width:700px){.join-card{padding:1rem 0.5rem}.join-title{font-size:1.3rem}.join-section{font-size:1rem}.join-highlight{font-size:1rem;padding:0.5rem 0.5rem}}