:root{--muted:var(--text-secondary);--border:var(--border-color)}.page-hero{background:var(--bg-primary);justify-content:center;align-items:center;min-height:26vh;padding-top:1.5rem;padding-bottom:1.75rem;font-family:DynaPuff,cursive;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(circle at 15% 50%, rgba(var(--s3-teal-rgb), .1), transparent 25%), radial-gradient(circle at 85% 30%, #7b68ee1a, transparent 25%);filter:blur(60px);animation:10s ease-in-out infinite alternate bgPulse;position:absolute;inset:0}body:not(.dark-mode) .hero-bg{background:radial-gradient(circle at 15% 50%, rgba(var(--s3-teal-rgb), .15), transparent 30%), radial-gradient(circle at 85% 30%, #7b68ee26, transparent 30%);opacity:.8}.hero-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 40%,#0000 80%)}body:not(.dark-mode) .hero-grid{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}.floating-shapes{pointer-events:none;z-index:1;position:absolute;inset:0}.shape{opacity:.18;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite floatShape;position:absolute}.shape-1{background:radial-gradient(circle, rgba(var(--s3-teal-rgb), .4), transparent 70%);width:300px;height:300px;top:8%;left:6%}.shape-2{background:radial-gradient(circle,#7b68ee66,#0000 70%);width:250px;height:250px;animation-delay:5s;bottom:15%;right:8%}.apply-hero-content{text-align:center;z-index:2;padding:2rem 0;position:relative}.apply-hero-content h1{font-size:clamp(1.8rem,7vw,4.4rem);font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);text-shadow:0 2px 24px rgba(var(--s3-teal-rgb), .18);word-break:break-word;margin-bottom:.5rem;font-weight:700;line-height:1.05}.apply-hero-content p{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:1.1rem}.apply-wrap{padding:2.5rem 0 4rem}.apply-form-panel{background:var(--bg-card);border-radius:3px 5px 4px 3px;max-width:820px;margin:0 auto;box-shadow:3px 4px #0000001f,0 8px 28px #0000002e}.apply-section{border-bottom:1px solid var(--border);padding:2rem 2.25rem}.apply-section:last-of-type{border-bottom:none}.apply-section h2{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-primary);margin-bottom:.3rem;font-size:1.7rem}.apply-section-note{color:var(--muted);margin-bottom:1.4rem;font-size:1rem}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:1.5rem;display:flex}.field-label{color:var(--text-primary);opacity:.9;font-family:DynaPuff,cursive;font-size:1.1rem;line-height:1.4;display:block}.req{color:var(--s3-red);margin-left:2px}.field-hint{color:var(--muted);opacity:.8;font-size:.88rem;font-weight:400}.field>input[type=text],.field>input[type=number],.field>input[type=url],.field>select,.field>textarea{border:2px solid var(--border);color:var(--text-primary);background:#ffffff0f;border-radius:10px 13px 11px 12px/12px 10px 13px 11px;width:100%;padding:12px 14px;font-family:inherit;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}body:not(.dark-mode) .field>input[type=text],body:not(.dark-mode) .field>input[type=number],body:not(.dark-mode) .field>input[type=url],body:not(.dark-mode) .field>select,body:not(.dark-mode) .field>textarea{color:#1a1100;background:#ffffffd9}.field>textarea{resize:vertical;min-height:70px;line-height:1.5}.field>input:focus,.field>select:focus,.field>textarea:focus{border-color:var(--s3-teal);box-shadow:0 0 0 3px rgba(var(--s3-teal-rgb), .18);outline:none}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pill-group{flex-wrap:wrap;gap:.6rem;display:flex}.pill-option{border:2px solid var(--border);cursor:pointer;user-select:none;background:#ffffff0a;border-radius:10px 13px 11px 12px/12px 10px 13px 11px;align-items:center;gap:8px;padding:9px 16px;font-size:1.02rem;transition:all .18s;display:flex}body:not(.dark-mode) .pill-option{background:#fff9}.pill-option:hover{border-color:var(--s3-teal)}.pill-option input{accent-color:var(--s3-teal);flex-shrink:0;width:17px;height:17px}.pill-option:has(input:checked){border-color:var(--s3-teal);background:rgba(var(--s3-teal-rgb), .12);box-shadow:0 0 0 2px rgba(var(--s3-teal-rgb), .12)}.role-picker .pill-option{padding:11px 20px;font-size:1.1rem;font-weight:700}.role-block{border:2px dashed var(--border);border-radius:10px;margin-top:1.2rem;padding:1.4rem 1.6rem}.role-block h3{font-family:var(--font-display);color:var(--s3-teal);letter-spacing:.02em;margin-bottom:1rem;font-size:1.25rem}.role-block[hidden]{display:none}.role-picker-hint{color:var(--muted);margin-top:.5rem;font-size:.92rem}.apply-submit-bar{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.apply-error{color:var(--s3-red);font-size:1rem;display:none}.apply-error.show{display:block}.btn-apply-submit{background:rgba(var(--s3-teal-rgb), .18);border:1.5px dashed var(--s3-teal);width:100%;max-width:480px;color:var(--s3-teal);letter-spacing:.04em;cursor:pointer;transition:color .22s ease, background .22s ease, border-color .22s ease, transform .22s var(--bounce), box-shadow .22s ease;border-radius:8px 13px 10px 14px/13px 8px 14px 10px;padding:1rem 2rem;font-family:DynaPuff,cursive;font-size:1.4rem;box-shadow:2px 3px #00000038}.btn-apply-submit:hover:not(:disabled){color:#fff;background:rgba(var(--s3-teal-rgb), .35);border-color:var(--s3-teal);box-shadow:3px 6px 0 rgba(var(--s3-teal-rgb), .35);transform:translateY(-5px)scale(1.03)}.btn-apply-submit:active:not(:disabled){box-shadow:1px 2px 0 rgba(var(--s3-teal-rgb), .2);transform:translateY(1px)scale(1)}.btn-apply-submit:disabled{opacity:.5;cursor:not-allowed}.apply-success{text-align:center;background:var(--bg-card);border-radius:3px 5px 4px 3px;max-width:620px;margin:0 auto;padding:3.5rem 2rem;box-shadow:3px 4px #0000001f,0 8px 28px #0000002e}.apply-success-icon{margin-bottom:1rem;font-size:3.5rem}.apply-success h2{font-family:var(--font-display);margin-bottom:.6rem}.apply-success p{color:var(--muted)}@media (width<=640px){.apply-section{padding:1.5rem 1.25rem}.field-row{grid-template-columns:1fr}}
