.hero{padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(3rem,7vw,5rem);min-height:min(82vh,760px);display:flex;align-items:center}.hero .container{position:relative;width:100%}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:clamp(1.5rem,4vw,2.5rem)}.hero-content{min-width:0;max-width:none}.hero-content .text-h1{max-width:none;white-space:normal}.hero-eyebrow{color:#ffffff8c;margin-bottom:1rem;font-size:.7rem}.hero-lead{max-width:42rem}.hero-hook{color:var(--color-accent);font-size:clamp(1.05rem,2vw,1.25rem);display:block;margin-bottom:.75rem;line-height:1.4;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-note{margin-top:1.15rem;margin-bottom:0;color:var(--text-on-dark-soft);font-size:var(--mono-xs)}.hero-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.pixel-character{max-width:300px;width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28));animation:float-char 5s ease-in-out infinite}@keyframes float-char{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-chips{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:100%;max-width:340px}.hero-scroll{display:inline-flex;margin-top:2.5rem;color:var(--text-on-dark-soft);font-size:var(--mono-xs);transition:color var(--transition-fast)}.hero-scroll:hover{color:var(--color-accent)}@media(max-width:960px){.hero{min-height:auto;text-align:center}.hero-grid{grid-template-columns:1fr;gap:2.25rem}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{order:2}.hero-scroll{justify-content:center;width:100%}}.tldr-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,3.5rem);align-items:start;max-width:1000px;margin:0 auto}.tldr-facts{display:flex;flex-direction:column;gap:.75rem}.tldr-lead{margin-bottom:1rem}.tldr-sub{margin-bottom:0}.tldr-em{color:var(--color-primary)}.tldr-fact{background:var(--color-surface);border:var(--border-soft);border-radius:var(--radius-card);padding:var(--card-pad);box-shadow:var(--shadow-soft)}.tldr-fact__label{display:block;color:var(--color-gray-600);margin-bottom:.3rem;font-size:var(--mono-xs)}.tldr-fact__value{font-weight:800;color:var(--color-primary);font-size:.98rem;letter-spacing:-.01em}.tldr-build{background:#2dd4a814;border:1.5px solid rgba(15,159,122,.25);border-radius:var(--radius-card);padding:var(--card-pad)}.tldr-build__label{color:var(--color-climate-deep);margin-bottom:.4rem}.tldr-build__body{margin:0;font-size:.92rem;color:var(--color-gray-600);line-height:1.6;font-weight:500}@media(max-width:800px){.tldr-layout{grid-template-columns:1fr;gap:1.75rem}}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:900px;margin:0 auto}.skill-row{display:flex;gap:.9rem;align-items:flex-start;padding:var(--card-pad);background:#fffffff7;border:1.5px solid rgba(255,255,255,.28);border-radius:var(--radius-card);box-shadow:var(--shadow-soft-lg)}.skill-row__num{flex-shrink:0;color:var(--color-primary);font-size:var(--mono-xs);font-weight:700;background:var(--color-accent);border:1.5px solid var(--color-primary);border-radius:6px;padding:.3rem .4rem;line-height:1}.skill-row__title{font-family:var(--font-heading);font-size:.95rem;font-weight:800;color:var(--color-primary);margin-bottom:.3rem;letter-spacing:-.01em}.skill-row__desc{margin-bottom:0;font-size:.875rem;line-height:1.6;color:var(--color-gray-600);font-weight:500}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.date-rail{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:0}.date-rail__item{display:grid;grid-template-columns:28px 1fr;gap:1rem}.date-rail__marker{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:.35rem}.date-rail__dot{width:12px;height:12px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-primary);flex-shrink:0;z-index:1}.date-rail__line{width:2px;flex:1;min-height:3.5rem;background:#12165c26;margin-top:.35rem}.date-rail__body{background:var(--color-surface);border:var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--card-pad);margin-bottom:.85rem}.date-rail__item:last-child .date-rail__body{margin-bottom:0}.date-rail__when{color:var(--color-climate-deep);font-size:var(--mono-xs);font-weight:600;margin-bottom:.35rem}.date-rail__what{font-size:1rem;font-weight:800;color:var(--color-primary);margin-bottom:.3rem;letter-spacing:-.01em}.date-rail__detail{margin:0;font-size:.9rem;color:var(--color-gray-600);line-height:1.6;font-weight:500}.quest-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;max-width:1000px;margin:0 auto;position:relative}.quest-card{background:var(--color-surface);border:var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--card-pad);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.quest-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft-lg)}.quest-card--final{border:var(--border-strong);background:linear-gradient(165deg,#fff,#f5eb451f)}.quest-card__top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem}.quest-card__code{background:var(--color-accent);border:1.5px solid var(--color-primary);border-radius:6px;padding:.25rem .4rem;font-size:var(--mono-xs);font-weight:700;color:var(--color-primary-deep)}.quest-card__feed{font-size:var(--mono-xs);color:var(--color-climate-deep);font-weight:600}.quest-card__title{font-size:.98rem;font-weight:800;color:var(--color-primary);margin-bottom:.45rem;letter-spacing:-.01em;line-height:1.3}.quest-card__desc{margin:0;font-size:.85rem;line-height:1.55;color:var(--color-gray-600);font-weight:500}.quest-card__when{margin:1rem 0 0;font-size:.62rem;color:var(--color-gray-500)}.quest-card__link{display:none}@media(max-width:960px){.quest-chain{grid-template-columns:1fr 1fr}}@media(max-width:640px){.quest-chain{grid-template-columns:1fr;max-width:420px}.quest-card__link{display:block;text-align:center;color:var(--color-gray-400);margin-top:.75rem;font-size:.85rem}}.output-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,5vw,3.5rem);align-items:start;max-width:1000px;margin:0 auto}.cert-preview{margin-top:1.75rem;background:linear-gradient(145deg,var(--color-primary-deep) 0%,var(--color-primary) 55%,var(--color-purple) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-card);padding:1.5rem 1.35rem;color:#fff;box-shadow:var(--shadow-soft-lg)}.cert-preview__label{color:var(--color-climate);font-size:.62rem;margin-bottom:.65rem}.cert-preview__title{font-family:var(--font-display);font-size:1.45rem;color:var(--color-accent);margin-bottom:.35rem;font-weight:400;letter-spacing:.03em}.cert-preview__sub{font-size:.85rem;color:#fffc;margin-bottom:1.1rem;font-weight:500}.cert-preview__tags{display:flex;flex-wrap:wrap;gap:.45rem}.output-stack{display:flex;flex-direction:column;gap:.65rem}.output-file{background:var(--color-surface);border:var(--border-soft);border-radius:var(--radius-card);padding:var(--card-pad);box-shadow:var(--shadow-soft);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.output-file:hover{border-color:#12165c47;transform:translateY(-2px);box-shadow:var(--shadow-soft-lg)}.output-file__tab{display:inline-block;font-size:var(--mono-xs);color:var(--color-gray-600);margin-bottom:.4rem}.output-file__title{font-size:.98rem;font-weight:800;color:var(--color-primary);margin-bottom:.3rem;letter-spacing:-.01em}.output-file__desc{margin:0;font-size:.875rem;line-height:1.55;color:var(--color-gray-600);font-weight:500}@media(max-width:800px){.output-layout{grid-template-columns:1fr}}.cta-panel{max-width:720px;margin:0 auto}.cta-lead{color:var(--text-on-dark-muted)}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.cta-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:2.25rem}.cta-meta__item{border:1px solid rgba(245,235,69,.28);border-radius:var(--radius-chip);padding:.9rem .75rem;background:#0000002e}.cta-meta__label{font-size:var(--mono-xs);color:var(--text-on-dark-soft);margin-bottom:.3rem}.cta-meta__value{color:var(--color-accent);font-weight:700;margin:0;font-size:.88rem}.cta-social{margin-top:2rem}.cta-social__label{color:var(--text-on-dark-soft);margin-bottom:.75rem;font-size:var(--mono-xs)}.cta-social__chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.social-chip{font-family:var(--font-mono);font-size:var(--mono-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary-deep);background:var(--color-accent);border:1.5px solid var(--color-primary);border-radius:999px;padding:.45rem .9rem;font-weight:600;transition:transform var(--transition-fast)}.social-chip:hover{transform:translateY(-2px)}@media(max-width:640px){.cta-meta{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0b0d2a9e;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay:not([hidden]){opacity:1;pointer-events:auto}.modal-content{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:16px;box-shadow:var(--shadow-soft-lg);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:1.75rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:8px;border:1.5px solid rgba(18,22,92,.15);background:transparent;cursor:pointer;font-size:1rem;color:var(--color-primary)}.modal-sub{font-size:.875rem;color:var(--color-gray-600);margin-bottom:1.25rem;font-weight:500}.form-progress{margin-bottom:1.25rem}.form-progress__bar{height:6px;background:#12165c14;border-radius:99px;overflow:hidden;margin-bottom:.45rem}.form-progress__fill{display:block;height:100%;width:33.333%;transform-origin:left center;transform:scaleX(1);background:linear-gradient(90deg,var(--color-climate),var(--color-accent));border-radius:99px;transition:transform var(--transition-base)}.form-progress__label{margin:0;color:var(--color-gray-600);font-size:.7rem}.form-step{display:none}.form-step.is-active{display:block}.modal-section{border:0;margin:0 0 1.25rem;padding:0}.section-title{font-family:var(--font-heading);font-size:.85rem;font-weight:800;color:var(--color-primary);margin-bottom:.85rem;letter-spacing:-.01em}.interest-fieldset{border:0;margin:0;padding:0}.interest-legend{display:block;font-size:.8rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.35rem}.form-group{margin-bottom:.9rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem .85rem;border:1.5px solid rgba(18,22,92,.15);border-radius:8px;background:var(--color-background);color:var(--color-gray-800);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #12165c1f}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#c23b3b}.form-error{margin:.35rem 0 0;font-size:.75rem;color:#b83232;font-weight:600}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.checkbox-item{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:500;color:var(--color-gray-700);padding:.55rem .65rem;border:1.5px solid rgba(18,22,92,.1);border-radius:8px;cursor:pointer;background:var(--color-background);margin-bottom:0}.checkbox-item--block{width:100%;align-items:flex-start}.checkbox-item input{width:auto;margin-top:.15rem}.form-actions{display:flex;gap:.65rem;justify-content:flex-end;flex-wrap:wrap}.form-note{margin-top:1rem;font-size:.78rem;color:var(--color-gray-600);line-height:1.5}.form-note a{color:var(--color-climate-deep);font-weight:600;text-decoration:underline}.form-success,.form-error-state{text-align:center;padding:1.5rem .5rem .5rem;display:none;flex-direction:column;align-items:center}.form-success:not([hidden]),.form-error-state:not([hidden]){display:flex}.form-success__icon,.form-error-state__icon{font-size:2.5rem;margin-bottom:.75rem}.form-success__title,.form-error-state__title{font-family:var(--font-heading);font-weight:800;color:var(--color-primary);margin-bottom:.5rem;font-size:1.1rem}.form-error-state__title{color:var(--color-error, #e53e3e)}.form-success__body,.form-error-state__body{color:var(--color-gray-600);margin-bottom:1.25rem;font-size:.9rem}.not-member-gate{text-align:center;padding:1rem .5rem .5rem;display:none;flex-direction:column;align-items:center;gap:.85rem}.not-member-gate:not([hidden]){display:flex}.not-member-gate__icon{font-size:2.75rem;line-height:1}.not-member-gate__title{font-family:var(--font-heading);font-weight:800;color:var(--color-primary);font-size:1.1rem;margin:0}.not-member-gate__body{color:var(--color-gray-600);font-size:.9rem;line-height:1.6;max-width:360px;margin:0}.uid-field-wrap{display:flex;align-items:center;gap:.65rem}.uid-field-wrap .uid-input{flex:1;background:#2dd4a80f;border-color:#0f9f7a59;color:var(--color-climate-deep);font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:.03em}.uid-verified{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-climate-deep);background:#2dd4a81f;border:1.5px solid rgba(15,159,122,.3);border-radius:999px;padding:.3rem .65rem;white-space:nowrap;flex-shrink:0}.form-intro{font-size:.85rem;color:var(--color-gray-600);margin-bottom:1rem;line-height:1.55}.radio-row{display:flex;gap:.5rem;flex-wrap:wrap}.conditional-field{display:none}.conditional-field.is-visible{display:block}.commitment-list{display:flex;flex-direction:column;gap:.65rem}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:88vh;border-radius:16px 16px 0 0;border-bottom:0}.checkbox-grid{grid-template-columns:1fr}.uid-field-wrap{flex-direction:column;align-items:flex-start}}