.link-page{display:flex;justify-content:center;min-height:60vh;padding:var(--space-l) var(--space-m)}.link-card,.link-page{align-items:center;width:100%}.link-card{max-width:460px;padding:var(--space-2xl);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);text-align:center}.link-card .stack-l,.link-card .stack-m,.link-card .stack-s{align-items:center}.link-card .link-code-form{align-self:stretch;align-items:stretch}.link-heading{font-size:var(--t-2xl);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0;color:var(--fg)}.link-subtle{font-size:var(--t-s);color:var(--fg-muted);line-height:1.5;margin:0}.link-code-display{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:clamp(2.5rem,12vw,3.5rem);font-weight:700;letter-spacing:.25em;line-height:1;margin:var(--space-s) 0;color:var(--fg)}.link-code-form{margin-top:var(--space-s)}.link-label{font-size:var(--t-s);color:var(--fg-muted);text-align:left;letter-spacing:.05em;text-transform:uppercase}.link-code-input{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--t-2xl);font-weight:700;letter-spacing:.4em;text-align:center;text-transform:uppercase;padding:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-m);background-color:var(--surface-raised,var(--surface));color:var(--fg);width:100%}.link-code-input:focus{outline:2px solid var(--brand,var(--fg));outline-offset:2px}.link-error{font-size:var(--t-s);color:var(--state-error,#c0392b);margin:0}.link-status--success{text-align:center}.link-approved{font-size:var(--t-2xl);font-weight:600;margin:0;color:var(--fg)}.input{display:flex;width:100%;padding:var(--space-s) var(--space-m);font-size:var(--t-m);line-height:1.5;color:var(--fg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);transition:all var(--transition-fast);outline:none}.input::-moz-placeholder{color:var(--fg-muted)}.input::placeholder{color:var(--fg-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsla(from var(--primary) h s l/.1)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-subtle)}.input--sm{padding:var(--space-xs) var(--space-s);font-size:var(--t-s)}.input--lg{padding:var(--space-m) var(--space-l);font-size:var(--t-l)}.input--error,.input--error:focus{border-color:var(--error)}.input--error:focus{box-shadow:0 0 0 3px hsla(from var(--error) h s l/.1)}.input--success{border-color:var(--success)}.input-group{display:flex;gap:var(--space-xs);align-items:stretch}.input-group .input{flex:1}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper__icon{position:absolute;left:var(--space-m);color:var(--fg-muted);pointer-events:none}.input-wrapper__icon svg{width:1.8rem;height:1.8rem}.input-wrapper .input{padding-left:calc(var(--space-m) * 2 + 1.8rem)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.label{display:block;font-size:var(--t-s);font-weight:500;color:var(--fg)}.label--required:after{content:" *";color:var(--error)}.input-helper{display:block;font-size:var(--t-s);color:var(--fg-subtle)}.input-helper--error{color:var(--error)}.textarea{min-height:10rem;resize:vertical;font-family:inherit}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon__icon{position:absolute;left:var(--space-m);top:50%;transform:translateY(-50%);color:var(--fg-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.input-with-icon__icon svg{width:1.8rem;height:1.8rem}.input-with-icon .input{padding-left:calc(var(--space-m) * 2 + 2rem)}.input-with-icon--right .input-with-icon__icon{left:auto;right:var(--space-m)}.input-with-icon--right .input{padding-left:var(--space-m);padding-right:calc(var(--space-m) * 2 + 2rem)}.input-with-icon--sm .input-with-icon__icon{left:var(--space-s)}.input-with-icon--sm .input-with-icon__icon svg{width:1.6rem;height:1.6rem}.input-with-icon--sm .input{padding-left:calc(var(--space-s) * 2 + 1.6rem)}.input-with-icon--lg .input-with-icon__icon{left:var(--space-l)}.input-with-icon--lg .input-with-icon__icon svg{width:2rem;height:2rem}.input-with-icon--lg .input{padding-left:calc(var(--space-l) * 2 + 2.4rem)}.input-otp__container{display:flex;align-items:center;gap:var(--space-xs)}.input-otp__container:has(:disabled){opacity:.5}.input-otp__input:disabled{cursor:not-allowed}.input-otp__group,.input-otp__slot{display:flex;align-items:center}.input-otp__slot{position:relative;justify-content:center;height:3.6rem;width:3.6rem;border:1px solid var(--border);background-color:var(--surface);font-size:var(--t-m);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-otp__slot:first-child{border-top-left-radius:var(--radius-s);border-bottom-left-radius:var(--radius-s)}.input-otp__slot:last-child{border-top-right-radius:var(--radius-s);border-bottom-right-radius:var(--radius-s)}.input-otp__slot:not(:first-child){border-left-width:0}.input-otp__slot[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);z-index:1}.input-otp__caret-wrapper{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.input-otp__caret{height:1.6rem;width:1px;background-color:var(--fg);animation:input-otp-caret-blink 1s infinite}.input-otp__separator{display:flex;align-items:center;color:var(--fg-muted)}@keyframes input-otp-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}