:root{--teal:#4fa3ac;--teal-light:#8ec5cc;--teal-dark:#2f7880;--black:#0d0d0d;--white:#fff;--line:#e6e6e6;--soft:#f3f8f8;--soft-line:#e3eeef}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{color:var(--black);-webkit-font-smoothing:antialiased;background:linear-gradient(#f9f9f9 0%,#edf4f5 100%);font-family:Inter,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}main{flex:1}header{background:radial-gradient(60% 120% at 100% 0,#ffffff59,#fff0 70%),linear-gradient(135deg,#a9d3d8 0%,#8ec5cc 55%,#7fb7bf 100%);position:relative;overflow:hidden}header:before,header:after{content:"";pointer-events:none;border:2px solid #ffffff59;border-radius:50%;position:absolute}header:before{width:900px;height:900px;top:-560px;right:-380px}header:after{border-color:#fff3;width:1200px;height:1200px;top:-700px;right:-560px}.header-inner{z-index:1;padding:56px 32px 40px;position:relative}.header-top{align-items:center;gap:14px;margin-bottom:28px;display:flex}.header-top img{border-radius:12px;flex-shrink:0;width:44px;height:44px;display:block}.header-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#1f5a61;font-size:13px;font-weight:700}header h1{letter-spacing:-.045em;margin:0 0 22px;font-family:Inter Tight,Inter,sans-serif;font-size:clamp(42px,7vw,84px);font-weight:800;line-height:.98}header h1 span{color:#fff}.header-sub{color:#1e4e54;text-wrap:pretty;max-width:600px;margin:0;font-size:16px;font-weight:500;line-height:1.65}.card{background:var(--white);border-radius:18px;box-shadow:0 6px 20px #2f788014}.review-panel{grid-template-columns:260px minmax(0,1fr);gap:24px;margin-top:32px;padding:24px;display:grid}.summary{background:var(--soft);border:1px solid var(--soft-line);border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:26px 24px;display:flex}.summary p{margin:0}.summary-label{letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dark);font-size:11px;font-weight:700}.summary-score{letter-spacing:-.045em;font-family:Inter Tight,Inter,sans-serif;font-size:64px;font-weight:800;line-height:1}.summary-score.muted{color:var(--teal-dark);font-size:44px}.summary-count{color:#555;font-size:13px}form{padding:4px 4px 2px}form h2{letter-spacing:-.03em;margin:0 0 4px;font-family:Inter Tight,Inter,sans-serif;font-size:24px;font-weight:800}.form-sub{color:#555;margin:0 0 20px;font-size:14px;line-height:1.5}.form-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;display:grid}.field{margin-bottom:16px}.field label,.field .label{letter-spacing:.14em;text-transform:uppercase;color:#555;margin-bottom:8px;font-size:11px;font-weight:700;display:block}input,textarea{border:1px solid var(--soft-line);background:var(--soft);width:100%;font:inherit;color:var(--black);border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s,background .15s}textarea{resize:vertical;min-height:110px;line-height:1.55}input:focus,textarea:focus{border-color:var(--teal);background:#fff}input::placeholder,textarea::placeholder{color:#8a9a9c}.star-picker{gap:2px;margin-left:-4px;display:flex}.star-picker button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;line-height:0}.star-picker button:focus-visible{outline:2px solid var(--teal)}.stars{flex-shrink:0;gap:2px;display:flex}.stars svg path,.star-picker svg path{fill:none;stroke:var(--teal);stroke-width:1.5px}.stars svg.on path,.star-picker svg.on path{fill:var(--teal)}.msg{margin:0 0 14px;font-size:13px;font-weight:600}.msg.error{color:#b3261e}.msg.ok{color:var(--teal-dark)}.submit-btn{background:var(--black);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:13px 26px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.submit-btn:hover{background:#2a2a2a;transform:translateY(-1px)}.submit-btn:disabled{background:var(--teal-dark);cursor:default;transform:none}.submit-btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}main{padding:40px 32px 80px}.section-title{letter-spacing:-.045em;margin:16px 0 22px;font-family:Inter Tight,Inter,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1}.section-title span{color:var(--teal)}.review-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.review{min-width:0;margin:0;padding:22px 24px}.review-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.avatar{background:var(--soft);border:1px solid var(--soft-line);width:40px;height:40px;color:var(--teal-dark);border-radius:12px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.who{flex:1;min-width:0}.review-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.review-date{color:#8a8a8a;font-size:12px}.review-text{color:#3a3a3a;text-wrap:pretty;white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.empty{text-align:center;padding:40px 24px}.empty-title{letter-spacing:-.03em;margin:0 0 6px;font-family:Inter Tight,Inter,sans-serif;font-size:22px;font-weight:800}.empty-sub{color:#666;margin:0;font-size:14px}footer{background:var(--black);color:#fff}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex}.footer-logo{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.footer-logo img{border-radius:10px;width:36px;height:36px;display:block}.footer-cta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-text{color:#ffffffbf;font-size:14px}.join-btn{background:var(--teal);color:var(--black);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.join-btn:hover{background:var(--teal-light);transform:translateY(-1px)}.join-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=820px){.review-panel{grid-template-columns:1fr}.summary{flex-flow:wrap;align-items:center;column-gap:14px}.summary-label{width:100%}.summary-score{font-size:48px}}@media (width<=600px){.header-inner{padding:40px 16px 32px}.header-top{margin-bottom:20px}.header-top img{border-radius:10px;width:38px;height:38px}.header-eyebrow{font-size:11px}header h1{margin-bottom:18px}.header-sub{font-size:14px}.review-panel{gap:16px;margin-top:24px;padding:16px}.summary{padding:18px}.form-row{grid-template-columns:1fr;gap:0}main{padding:28px 16px 60px}.review-grid{grid-template-columns:minmax(0,1fr)}.submit-btn{justify-content:center;width:100%}.footer-inner,.footer-cta{flex-direction:column;align-items:flex-start}.footer-inner{padding:24px 16px}.footer-cta{gap:14px;width:100%}.join-btn{justify-content:center;width:100%}}