@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Helvetica+Neue&display=swap";
.registration-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.registration-heading{width:100%;max-width:var(--max-width);background-color:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color);flex-direction:column;align-items:flex-start;margin-bottom:40px;padding:24px 28px;display:flex;box-shadow:0 0 10px #fff3}.registration-heading h1{font-family:var(--font-mono);color:var(--text-color);margin:0 0 12px;font-size:1.75em;font-weight:700}.registration-taglines{border-left:3px solid #0d9488;flex-direction:column;align-items:flex-start;gap:4px;padding-left:24px;display:flex}.registration-taglines span{font-family:var(--font-mono);color:var(--text-secondary);text-align:left;font-size:1em;font-weight:400}.registration-form{background-color:var(--card-color);border-radius:var(--border-radius);border:1px solid var(--card-border-color);flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}@media (max-width:1024px){.registration-page{padding:30px 20px}.registration-form{max-width:500px}}@media (max-width:768px){.registration-page{padding:20px 15px}.registration-heading{padding:18px 20px}.registration-heading h1{font-size:1.4em}.registration-taglines{padding-left:16px}.registration-taglines span{font-size:.9em}.registration-form{max-width:100%;padding:15px}}@media (max-width:480px){.registration-page{padding:15px 10px}.registration-heading{padding:14px 16px}.registration-heading h1{margin-bottom:8px;font-size:1.2em}.registration-taglines{gap:2px;padding-left:12px}.registration-taglines span{font-size:.85em}.registration-form{padding:12px}}