.cert{background:var(--c-beige);width:100%;max-width:1440px;color:var(--c-ink);--c-gold:#e8c79a;margin-inline:auto}.cert__top{flex-direction:column;gap:18px;padding:56px 60px 0;display:flex}.cert__crumbs{font-family:var(--f-ui);color:var(--c-ink-3);align-items:center;gap:10px;font-size:14px;display:flex}.cert__crumbs a{color:inherit;text-decoration:none}.cert__crumbs a:hover,.cert__crumbs [aria-current]{color:var(--c-olive-ink)}.cert__title{font-family:var(--f-display);color:var(--c-olive);margin:0;font-size:52px;font-weight:500;line-height:1.08}.cert__lead{font-family:var(--f-ui);color:var(--c-ink-2);max-width:70ch;margin:0;font-size:18px;line-height:1.7}.cert__steps{flex-direction:column;gap:18px;padding:40px 60px 0;display:flex}.cert__stepRow{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.cert__step{border-radius:var(--radius);font:inherit;text-align:left;cursor:pointer;color:var(--c-ink-4);transition:color var(--dur) var(--ease);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:10px;padding:4px 24px 4px 0;display:flex}.cert__step:last-child{padding-right:0}.cert__step:focus-visible{box-shadow:var(--focus-ring);outline:0}.cert__step[aria-current=step]{color:var(--c-olive-ink)}.cert__stepNo{font-family:var(--f-display);letter-spacing:.16em;color:currentColor;font-size:14px}.cert__stepName{font-family:var(--f-ui);color:currentColor;font-size:18px;font-weight:600}.cert__stitch{height:3px;position:relative}.cert__stitch:before{content:"";background-image:repeating-linear-gradient(90deg, var(--c-line) 0 22px, transparent 22px 32px);position:absolute;inset:0}.cert__stitchDone{background-image:repeating-linear-gradient(90deg, var(--c-caramel) 0 22px, transparent 22px 32px);transition:width var(--dur-slow) var(--ease);position:absolute;top:0;bottom:0;left:0;overflow:hidden}.cert__body{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:64px;padding:56px 60px 96px;display:grid}.cert__steps-col{flex-direction:column;gap:40px;display:flex}.cert__panel{background:var(--c-paper);border:var(--stroke) solid var(--c-line);border-radius:var(--radius);transition:border-color var(--dur) var(--ease);flex-direction:column;gap:24px;padding:32px;display:flex}.cert__panel.is-active{border-color:var(--c-olive)}.cert__panelHead{align-items:center;gap:14px;display:flex}.cert__panelNo{font-family:var(--f-display);letter-spacing:.16em;color:var(--c-caramel);font-size:14px}.cert__panelTitle{font-family:var(--f-ui);color:var(--c-olive-ink);margin:0;font-size:24px;font-weight:600}.cert__designs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.cert__design{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:12px;padding:0;display:flex}.cert__design:focus-visible{outline:0}.cert__design:focus-visible .cert__card{box-shadow:var(--focus-ring)}.cert__designLabel{font-family:var(--f-ui);color:var(--c-ink-2);transition:color var(--dur) var(--ease);font-size:16px}.cert__design[aria-pressed=true] .cert__designLabel{color:var(--c-olive-ink)}.cert__designsNote{font-family:var(--f-ui);color:var(--c-ink-2);grid-column:1/-1;margin:-8px 0 0;font-size:16px}.cert__design[aria-pressed=true] .cert__card{border-color:var(--c-olive);box-shadow:0 0 0 3px var(--c-paper), 0 0 0 4.5px var(--c-olive)}.cert__design[aria-pressed=true] .cert__cardStyle--frame{box-shadow:inset 0 0 0 6px var(--cert-bg), inset 0 0 0 7px var(--cert-kicker), 0 0 0 3px var(--c-paper), 0 0 0 4.5px var(--c-olive)}.cert__schemes{flex-direction:column;gap:12px;margin-top:18px;display:flex}.cert__schemesTitle{font-family:var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3);font-size:13px}.cert__schemesRow{flex-wrap:wrap;gap:12px;display:flex}.cert__scheme{font-family:var(--f-ui);color:var(--c-ink-2);border:var(--stroke) solid var(--c-line-2);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 10px;font-size:15px;display:inline-flex}.cert__scheme:hover{border-color:var(--c-olive)}.cert__scheme:focus-visible{box-shadow:var(--focus-ring);outline:0}.cert__scheme[aria-pressed=true]{border-color:var(--c-olive);color:var(--c-olive-ink);box-shadow:0 0 0 1.5px var(--c-olive)}.cert__schemeDot{border:1px solid var(--c-line-2);border-radius:50%;width:22px;height:22px}.cert__schemeDot--beige{background:var(--c-canvas)}.cert__schemeDot--olive{background:var(--c-olive)}.cert__schemeDot--wine{background:var(--c-wine)}.cert__amounts{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.cert__amount{font-family:var(--f-display);border-radius:var(--radius);border:var(--stroke) solid var(--c-line-2);color:var(--c-olive);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;padding:20px 30px;font-size:26px;line-height:1}.cert__amount:hover{border-color:var(--c-olive)}.cert__amount:focus-visible{box-shadow:var(--focus-ring);outline:0}.cert__amount[aria-pressed=true]{background:var(--c-olive);border-color:var(--c-olive);color:var(--c-on-olive)}.cert__own{border-radius:var(--radius);border:var(--stroke) solid var(--c-line-2);min-width:0;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;flex:240px;align-items:center;gap:10px;padding:18px;display:flex}.cert__own.is-on{background:var(--c-olive);border-color:var(--c-olive)}.cert__own.is-error{border-color:var(--c-danger);background:var(--c-danger-bg)}.cert__ownLabel{font-family:var(--f-ui);white-space:nowrap;color:var(--c-ink-2);cursor:pointer;transition:color var(--dur) var(--ease);flex:none;font-size:16px}.cert__own.is-on .cert__ownLabel{color:var(--c-on-olive)}.cert__own.is-error .cert__ownLabel{color:var(--c-danger-ink)}.cert__ownBox{background:var(--c-beige);border:var(--stroke) solid var(--c-line-2);border-radius:var(--radius);min-width:0;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex:auto;justify-content:flex-end;align-items:baseline;gap:4px;padding:11px 12px;display:inline-flex}.cert__ownBox:focus-within{border-color:var(--c-olive);box-shadow:var(--focus-glow)}.cert__own.is-error .cert__ownBox{border-color:var(--c-danger)}.cert__ownInput{width:100%;min-width:0;font-family:var(--f-display);color:var(--c-ink-2);transition:color var(--dur) var(--ease);background:0 0;border:0;padding:0;font-size:20px;line-height:1.1}.cert__ownInput:focus{color:var(--c-ink);outline:0}.cert__own.is-error .cert__ownInput{color:var(--c-danger-ink)}.cert__ownSuffix{font-family:var(--f-display);color:var(--c-ink-2);font-size:20px}.cert__note{font-family:var(--f-ui);color:var(--c-ink-3);font-size:15px;line-height:1.6}.cert__error{font-family:var(--f-ui);color:var(--c-danger-ink);font-size:14px;line-height:1.6}.cert__textarea{background:var(--c-beige);border:var(--stroke) solid var(--c-olive);border-radius:var(--radius);min-height:120px;font-family:var(--f-ui);color:var(--c-ink);resize:vertical;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);padding:20px;font-size:18px;line-height:1.7}.cert__textarea::placeholder{color:var(--c-ink-4)}.cert__textarea:focus{box-shadow:var(--focus-glow);outline:0}.cert__textarea.is-error{border-color:var(--c-danger);background:var(--c-danger-bg)}.cert__underField{justify-content:flex-end;align-items:center;gap:20px;display:flex}.cert__counter{font-family:var(--f-ui);color:var(--c-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.cert__counter.is-over{color:var(--c-danger-ink);font-weight:600}.cert__radios{flex-direction:column;gap:14px;display:flex}.cert__radio{background:var(--c-beige);border:var(--hairline) solid var(--c-line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur) var(--ease);align-items:center;gap:14px;padding:18px;display:flex}.cert__radio:hover{border-color:var(--c-line-3)}.cert__radio.is-on{border-color:var(--c-olive)}.cert__radio:focus-within{box-shadow:var(--focus-glow)}.cert__radioDot{appearance:none;border:var(--stroke) solid var(--c-olive-mute);cursor:pointer;width:22px;height:22px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:0 0;border-radius:50%;flex:none;margin:0}.cert__radioDot:checked{border-color:var(--c-olive);box-shadow:inset 0 0 0 5.5px var(--c-olive)}.cert__radioDot:focus-visible{outline:0}.cert__radioText{flex-direction:column;gap:3px;display:flex}.cert__radioTitle{font-family:var(--f-ui);color:var(--c-ink);font-size:17px}.cert__radioNote{font-family:var(--f-ui);color:var(--c-ink-3);font-size:15px}.cert__field{flex-direction:column;gap:10px;display:flex}.cert__fieldLabel{font-family:var(--f-ui);color:var(--c-ink-2);font-size:14px}.cert__fieldInput{background:var(--c-beige);border:var(--stroke) solid var(--c-olive);border-radius:var(--radius);font-family:var(--f-ui);color:var(--c-ink);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);padding:17px 18px;font-size:17px}.cert__fieldInput::placeholder{color:var(--c-ink-4)}.cert__fieldInput:focus{box-shadow:var(--focus-glow);outline:0}.cert__field.is-error .cert__fieldLabel{color:var(--c-danger-ink)}.cert__field.is-error .cert__fieldInput{background:var(--c-danger-bg);border-color:var(--c-danger)}.cert__when{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cert__whenDate{flex:190px;min-width:0}.cert__whenTime{flex:0 0 128px}.cert__whenTime:disabled{opacity:.5;cursor:not-allowed}.cert__whenClear{font-family:var(--f-ui);color:var(--c-caramel-ink);cursor:pointer;transition:border-color var(--dur) var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;flex:none;padding:0;font-size:15px}.cert__whenClear:hover{border-bottom-color:currentColor}@media (max-width:700px){.cert__when{flex-direction:column;align-items:stretch}.cert__whenTime{flex:auto}.cert__whenClear{align-self:flex-start}}.cert__aside{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}.cert__preview{border:var(--hairline) solid var(--c-line-2);height:260px;padding:28px}.cert__previewText{font-size:30px}.cert__previewText.is-empty{opacity:.55}.cert__preview.cert__card--picture{height:auto;padding:0}.cert__letter{border:var(--hairline) solid var(--c-line);border-radius:var(--radius);background:var(--c-paper);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.cert__letterLabel{font-family:var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-2);font-size:12px}.cert__letterText{font-family:var(--f-display);color:var(--c-olive-ink);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.35}.cert__letterText.is-empty{font-family:var(--f-ui);color:var(--c-ink-2);font-size:14px;line-height:1.5}.cert__summary{background:var(--c-paper);border:var(--hairline) solid var(--c-line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:24px;display:flex}.cert__row{font-family:var(--f-ui);color:var(--c-ink-2);justify-content:space-between;gap:16px;font-size:16px;display:flex}.cert__row b{color:var(--c-ink);text-align:right;font-weight:400}.cert__hr{background:var(--c-line);border:0;height:1px;margin:0}.cert__totalRow{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.cert__totalLabel{font-family:var(--f-ui);color:var(--c-olive-ink);font-size:17px;font-weight:600}.cert__totalValue{font-family:var(--f-display);color:var(--c-olive);white-space:nowrap;font-size:30px}.cert__pay{font-family:var(--f-ui);letter-spacing:.03em;text-align:center;box-sizing:border-box;border-radius:var(--radius);background:var(--c-wine);min-width:100%;color:var(--c-paper);cursor:pointer;transition:background var(--dur) var(--ease);border:0;padding:17px 24px;font-size:17px;font-weight:500}.cert__pay:hover{background:var(--c-wine-hover)}.cert__pay:focus-visible{box-shadow:var(--focus-ring);outline:0}.cert__pay[disabled],.cert__pay[aria-disabled=true]{background:var(--c-disabled-bg);color:var(--c-disabled-ink);cursor:not-allowed}.cert__payNote{font-family:var(--f-ui);color:var(--c-ink-3);text-align:center;font-size:14px;line-height:1.6}.cert__payNote a{color:var(--c-caramel-ink)}.cert__legal{font-family:var(--f-ui);color:var(--c-ink-3);font-size:14px;line-height:1.6}.cert__legal a{color:var(--c-caramel-ink)}.cert__copy{font-family:var(--f-ui);border:var(--stroke) solid var(--c-olive);border-radius:var(--radius);color:var(--c-olive-ink);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;padding:13px 0;font-size:15px;font-weight:500}.cert__copy:hover{background:var(--c-olive);color:var(--c-on-olive)}.cert__copy:focus-visible{box-shadow:var(--focus-ring);outline:0}@media (max-width:1100px){.cert__top{padding:40px 32px 0}.cert__steps{padding:32px 32px 0}.cert__body{grid-template-columns:minmax(0,1fr);gap:40px;padding:40px 32px 64px}.cert__aside{position:static}.cert__title{font-size:42px}}@media (max-width:700px){.cert__top{gap:14px;padding:28px 16px 0}.cert__steps{gap:14px;padding:24px 16px 0}.cert__body{gap:32px;padding:28px 16px 48px}.cert__steps-col{gap:24px}.cert__panel{gap:20px;padding:20px}.cert__title{font-size:32px}.cert__lead{font-size:16px}.cert__panelTitle{font-size:20px}.cert__stepRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.cert__step{padding-right:0}.cert__stepName{font-size:16px}.cert__designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cert__design[data-kind=drawn]{grid-column:1/-1}.cert__card{height:160px;padding:18px}.cert__card--picture{height:auto;padding:0}.cert__cardText{font-size:22px}.cert__amounts{gap:12px}.cert__amount{flex:auto;padding:16px 22px;font-size:22px}.cert__own{justify-content:space-between;width:100%;padding:14px 16px}.cert__preview{height:auto;min-height:220px}.cert__preview.cert__card--picture{min-height:0}.cert__previewText{font-size:24px}.cert__letterText{font-size:19px}}.cert__done{border:1px solid var(--c-olive);border-radius:var(--r-md,14px);background:var(--c-paper-hi);flex-direction:column;gap:6px;padding:16px;display:flex}.cert__doneTitle{color:var(--c-olive-ink);font-size:16px;font-weight:600}.cert__doneText{color:var(--c-ink-2);font-size:14px;line-height:1.5}.cert__pay:disabled{opacity:.55;cursor:default}
