:root{--green:#22B36B;--green-d:#157A45;--green-l:#E3F4EA;--navy:#0F172A;--navy-2:#1B2536;--grey:#F2F4F7;--grey-t:#5B6472;--line:#E6E9EF;--white:#FFFFFF;--radius:16px;--shadow:0 18px 50px -22px rgba(15,23,42,.22)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--navy);background:var(--grey);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--green-d);text-decoration:none}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;font-weight:700}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.25rem}.brand svg{width:26px;height:26px}.brand .i{color:var(--green)}.center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 26px;width:100%;max-width:400px}.card h1{font-size:1.5rem;margin-bottom:4px}.card .sub{color:var(--grey-t);font-size:.95rem;margin-bottom:22px}.field{margin-bottom:14px}.field label{display:block;font-size:.82rem;font-weight:600;color:var(--grey-t);margin-bottom:6px}.field input{width:100%;font-family:inherit;font-size:1rem;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;outline:none;transition:border .15s}.field input:focus{border-color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:inherit;font-weight:600;font-size:1rem;border:none;cursor:pointer;border-radius:12px;padding:14px 20px;transition:transform .15s,box-shadow .15s,opacity .15s}.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 24px -10px #22b36bb3}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.alt{margin-top:18px;text-align:center;font-size:.9rem;color:var(--grey-t)}.msg-error{background:#fdecea;color:#b0392b;border-radius:10px;padding:10px 13px;font-size:.86rem;margin-bottom:14px}.content{flex:1;padding:24px 18px;max-width:680px;margin:0 auto;width:100%}.hello{font-size:.9rem;color:var(--grey-t)}.q{font-size:1.5rem;font-weight:700;margin:2px 0 18px}.cta-pub{background:var(--green);color:#fff;text-align:center;font-weight:600;padding:16px;border-radius:14px;box-shadow:0 10px 24px -10px #22b36bb3;cursor:pointer}.link-logout{background:none;border:none;color:var(--grey-t);font-family:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline}.muted{color:var(--grey-t);font-size:.9rem;margin-top:18px}.brand-logo{height:30px;width:auto;display:block}.flow{max-width:480px;margin:0 auto;padding:8px 0}.flow h1{font-size:1.4rem;margin-bottom:4px}.flow .sub{color:var(--grey-t);font-size:.95rem;margin-bottom:18px}.steps-dots{display:flex;gap:6px;margin-bottom:18px}.steps-dots i{height:5px;flex:1;border-radius:3px;background:var(--line)}.steps-dots i.on{background:var(--green)}.pick{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer;background:#fff;width:100%;text-align:left;font-family:inherit;transition:border-color .15s}.pick:hover{border-color:var(--green)}.pick .pic{width:40px;height:40px;border-radius:11px;background:var(--green-l);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.pick b{font-size:.98rem;display:block;line-height:1.2}.pick small{font-size:.78rem;color:var(--grey-t)}.opt{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;background:#fff;width:100%;text-align:left;font-family:inherit}.opt.on{border-color:var(--green);background:var(--green-l)}.opt .r{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;position:relative}.opt.on .r{border-color:var(--green)}.opt.on .r:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--green)}.opt b{font-size:.9rem;display:block;line-height:1.2}.opt small{font-size:.74rem;color:var(--grey-t)}.field textarea{width:100%;font-family:inherit;font-size:1rem;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;outline:none;resize:vertical;min-height:96px}.field textarea:focus{border-color:var(--green)}.back-btn{background:none;border:none;color:var(--grey-t);font-family:inherit;font-size:.92rem;cursor:pointer;margin-bottom:12px;padding:0}.geo-box{border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:8px;font-size:.88rem}.geo-ok{border-color:var(--green);background:var(--green-l);color:var(--green-d)}.btn-ghost2{background:#fff;color:var(--green-d);border:1.5px solid var(--green-l);width:100%;font-family:inherit;font-weight:600;font-size:.95rem;border-radius:12px;padding:12px;cursor:pointer;margin-bottom:10px}.req-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}.req-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.req-card .cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--green-d);background:var(--green-l);padding:4px 10px;border-radius:999px}.req-card .st{font-size:.72rem;color:var(--grey-t)}.req-card p{font-size:.92rem;margin:4px 0}.req-card .meta{font-size:.76rem;color:var(--grey-t)}.success-circle{width:78px;height:78px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin:14px auto 16px;color:#fff;font-size:2rem}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--green);color:#fff;font-size:.72rem;font-weight:700;margin-left:8px}.req-help{background:var(--green);color:#fff;border:none;font-family:inherit;font-weight:600;font-size:.85rem;padding:9px 14px;border-radius:10px;cursor:pointer;margin-top:8px}.req-help:disabled{background:var(--green-l);color:var(--green-d);cursor:default}
