:root{--font: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--card-max-width: 540px;--page-padding: 16px}*{box-sizing:border-box;text-decoration:none;font-family:var(--font)}body{margin:0;-webkit-text-size-adjust:100%}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(52px + clamp(28px,10vh,96px)) var(--page-padding) var(--page-padding);position:relative}.page-content{width:100%;max-width:var(--card-max-width);display:flex;justify-content:center}.card-shell{width:100%;animation:card-enter .42s cubic-bezier(.22,1,.36,1) both}@keyframes card-enter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.top-company{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:10;min-height:52px}.top-company-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;max-width:calc(100vw - 24px)}.top-company-logo{display:block;height:24px;width:24px;flex-shrink:0;object-fit:contain;image-rendering:auto}.top-company-text{font-size:clamp(11px,2.8vw,14px);font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:left}.card{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.card-head{display:flex;justify-content:center;align-items:center;padding:16px 20px;text-align:center;font-size:clamp(16px,4vw,20px);font-weight:900;letter-spacing:.04em}.card-head--light{color:#fff}.card-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 18px 22px;text-align:center;gap:0;position:relative;overflow:hidden}.view-panel{width:100%;display:flex;flex-direction:column;align-items:center}.view-panel--form{align-items:stretch}.view-fade-enter-active{transition:opacity .32s ease .04s,transform .32s cubic-bezier(.22,1,.36,1) .04s}.view-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.view-fade-enter-from{opacity:0;transform:translateY(8px)}.view-fade-leave-to{opacity:0;transform:translateY(-4px)}.head-fade-enter-active,.head-fade-leave-active{transition:opacity .24s ease}.head-fade-enter-from,.head-fade-leave-to{opacity:0}.rating-area--loading>label{pointer-events:none;color:#a8a8a852;text-shadow:none;animation:skeleton-pulse 1.5s ease-in-out infinite}.rating-area--loading>label:nth-child(2){animation-delay:.12s}.rating-area--loading>label:nth-child(4){animation-delay:.24s}.rating-area--loading>label:nth-child(6){animation-delay:.36s}.rating-area--loading>label:nth-child(8){animation-delay:.48s}.rating-area--loading>label:nth-child(10){animation-delay:.6s}.rating-area--loading>input:checked~label{color:#a8a8a852;text-shadow:none}.comment-expand{display:grid;grid-template-rows:0fr;width:100%;opacity:0}.comment-expand--animate{transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .32s ease}.comment-expand--open{grid-template-rows:1fr;opacity:1}.comment-expand-inner{overflow:hidden;min-height:0}.comment-expand--open:not(.comment-expand--animate){transition:none}@keyframes skeleton-pulse{0%,to{opacity:.28}50%{opacity:.55}}.just-text{margin:14px auto 10px;color:#555;font-size:clamp(14px,3.6vw,16px);line-height:1.45;max-width:36ch;text-align:center}.success-message{font-size:clamp(18px,4.5vw,22px);font-weight:900;color:#333;text-align:center;line-height:1.35;max-width:28ch}.comment-section{width:100%;display:flex;flex-direction:column;align-items:stretch;padding-top:2px}.external-reviews-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.22,1,.36,1),margin-top .36s cubic-bezier(.22,1,.36,1),opacity .28s ease;margin-top:0;opacity:0;width:100%}.external-reviews-wrap--open{grid-template-rows:1fr;margin-top:16px;opacity:1}.external-reviews-inner{overflow:hidden;min-height:0}.external-reviews{padding:14px 16px;border-radius:10px;background:#ffffffd1;border:1px solid rgba(0,0,0,.06)}.external-reviews-lead{margin:0;font-size:clamp(14px,3.6vw,16px);line-height:1.55;font-weight:500;color:#333}.external-reviews-links{display:inline;white-space:normal}.external-reviews-sep{margin:0 .2em}.external-reviews-inline-link{color:#1a6fd4;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;white-space:nowrap}.external-reviews-inline-link:hover{color:#0d4fa8}.textarea{width:100%;resize:none;border:1px solid rgba(0,0,0,.12);border-radius:8px;outline:none;padding:12px 14px;font-size:16px;line-height:1.45;color:#333;background:#fff;min-height:120px}.textarea:focus{border-color:#019d4f8c;box-shadow:0 0 0 3px #019d4f26}.btn{width:100%;max-width:280px;align-self:center;padding:14px 28px;margin-top:18px;border:0;border-radius:8px;transition:opacity .2s ease,transform .15s ease;font-size:16px;font-weight:900;cursor:pointer;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.65}.rating-area{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%;margin:0 auto;gap:clamp(0px,1vw,4px)}.rating-area>input{display:none}.rating-area>label{cursor:pointer;font-size:clamp(2.4rem,11vw,4.2rem);line-height:1;color:#a8a8a8;padding:4px clamp(2px,1.2vw,8px);text-shadow:1px 1px #bbb;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.rating-area>label:active{transform:scale(1.08)}.rating-area>label:before{content:"★"}.rating-area>input:checked~label{color:gold;text-shadow:1px 1px #c60}.rating-area>label:hover,.rating-area>label:hover~label{color:gold}.rating-area>input:checked+label:hover,.rating-area>input:checked+label:hover~label,.rating-area>input:checked~label:hover,.rating-area>input:checked~label:hover~label,.rating-area>label:hover~input:checked~label{color:gold;text-shadow:1px 1px goldenrod}@media (prefers-reduced-motion: reduce){.card-shell,.view-fade-enter-active,.view-fade-leave-active,.head-fade-enter-active,.head-fade-leave-active,.comment-expand--animate,.external-reviews-wrap,.rating-area--loading>label{animation:none!important;transition:none!important}}@media screen and (max-width: 425px){.rating-area{gap:2px}.rating-area>label{font-size:clamp(2.9rem,13.5vw,4.4rem);padding:4px 3px}}@media screen and (max-width: 600px){:root{--page-padding: 12px}.card-body{padding:16px 14px 18px}.external-reviews{padding:12px 14px}.btn{max-width:none}}@media (hover: none){.rating-area>label:hover,.rating-area>label:hover~label{color:#a8a8a8}.rating-area>input:checked~label{color:gold}}