.connect-page{padding:var(--space-16) 0 var(--space-20)}.connect-page__container{max-width:28rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-12)}.connect-page__hero{text-align:center}.connect-page__title{margin-top:var(--space-2);margin-bottom:var(--space-6);font-size:clamp(var(--text-2xl),5vw,var(--text-3xl))}.connect-page__subhead{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.connect-page__paths{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:0 auto var(--space-6);max-width:16rem}.connect-path{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-accent);font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-align:left;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--path-accent, var(--color-accent)) 22%,var(--color-border));border-radius:var(--radius-md);box-shadow:2px 3px color-mix(in srgb,var(--path-accent, var(--color-accent)) 12%,transparent);transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out)}.connect-path--idea{--path-accent: var(--color-secondary);transform:rotate(-1.8deg) translate(-4px)}.connect-path--question{--path-accent: var(--topic-technology);transform:rotate(1.2deg) translate(6px)}.connect-path--lost{--path-accent: var(--color-highlight);transform:rotate(-.6deg) translate(-2px)}.connect-path:hover{transform:rotate(0) translateY(-2px);box-shadow:3px 5px 12px color-mix(in srgb,var(--path-accent) 18%,transparent)}.connect-path__arrow{flex-shrink:0;font-size:var(--text-lg);color:var(--path-accent, var(--color-accent));line-height:1;transition:transform var(--duration-normal) var(--ease-spring)}.connect-path:hover .connect-path__arrow{transform:translate(3px)}.connect-page__closing{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.connect-page__form-card{position:relative;padding:var(--space-8) var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transform:rotate(.4deg);transition:transform var(--duration-slow) var(--ease-out)}.connect-page__form-card:hover{transform:rotate(0) translateY(-2px)}.connect-page__form-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-1deg);width:72px;height:20px;background:color-mix(in srgb,var(--color-secondary) 35%,transparent);border-radius:1px;opacity:.65}.connect-page__form-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.connect-page__form-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.connect-page__traces{text-align:center}.connect-page__traces-heading{font-family:var(--font-accent);font-size:var(--text-sm);font-weight:600;font-style:italic;color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0 auto var(--space-6)}.connect-page__social{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.connect-page .connect-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:var(--space-2) var(--space-4);font-family:var(--font-accent);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--color-text);text-decoration:none;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);white-space:nowrap;transition:color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out)}.connect-page .connect-link:hover,.connect-page .connect-link:focus-visible{text-decoration:none;outline:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.connect-page .connect-link--marker{border-color:color-mix(in srgb,var(--color-secondary) 35%,var(--color-border))}.connect-page .connect-link--marker:before{content:"";position:absolute;inset:.3rem .45rem;background:color-mix(in srgb,var(--color-secondary) 40%,transparent);border-radius:2px 4px 3px 2px;transform:scaleX(.15) rotate(-.5deg);transform-origin:left center;transition:transform var(--duration-slow) var(--ease-out);z-index:0;opacity:.65}.connect-page .connect-link--marker:hover:before{transform:scaleX(1) rotate(-.3deg)}.connect-page .connect-link--underline{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border))}.connect-page .connect-link--underline:after{content:"";position:absolute;bottom:.4rem;left:var(--space-3);right:var(--space-3);height:2px;background:var(--gradient-warm);border-radius:1px;transform:scaleX(.2);transform-origin:center;transition:transform var(--duration-slow) var(--ease-out)}.connect-page .connect-link--underline:hover{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}.connect-page .connect-link--underline:hover:after{transform:scaleX(1)}.connect-page .connect-link--warm-line{border-color:color-mix(in srgb,var(--topic-technology) 30%,var(--color-border))}.connect-page .connect-link--warm-line:after{content:"";position:absolute;bottom:.4rem;left:var(--space-3);right:var(--space-3);height:2px;background:linear-gradient(90deg,var(--topic-technology),var(--color-accent));border-radius:1px;transform:scaleX(.2);transform-origin:center;transition:transform var(--duration-slow) var(--ease-out)}.connect-page .connect-link--warm-line:hover{color:var(--topic-technology)}.connect-page .connect-link--warm-line:hover:after{transform:scaleX(1)}.connect-page .connect-link--lift{border-style:dashed;border-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-border))}.connect-page .connect-link--lift:hover{color:var(--color-accent);border-style:solid;transform:translateY(-3px) rotate(-1deg)}.connect-page .connect-link--scribble{background:color-mix(in srgb,var(--color-highlight) 8%,var(--color-bg));border-color:color-mix(in srgb,var(--color-highlight) 28%,var(--color-border))}.connect-page .connect-link--scribble:hover{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg));border-color:var(--color-accent);transform:translateY(-2px) rotate(.8deg)}@media(max-width:640px){.connect-page{padding:var(--space-12) 0 var(--space-16)}.connect-page__container{max-width:none}.connect-page__form-card{padding:var(--space-8) var(--space-5);transform:none}.connect-page__form-card:hover,.connect-path--idea,.connect-path--question,.connect-path--lost{transform:none}.connect-path:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.connect-page__form-card:hover,.connect-page .connect-link:hover,.connect-path:hover,.connect-path:hover .connect-path__arrow{transform:none}}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.contact-field{position:relative}.contact-field__label{display:block;font-family:var(--font-accent);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);transition:color var(--duration-normal) var(--ease-out)}.contact-field--focused .contact-field__label{color:var(--color-accent)}.contact-field__input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.contact-field__textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.contact-field--focused .contact-field__input{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);background:var(--color-bg)}.contact-field--error .contact-field__input{border-color:var(--color-accent)}.contact-field__error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-accent);font-style:italic}.contact-form__submit{align-self:flex-start;margin-top:var(--space-2)}