:root{color:#17352f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}body:before{content:"";z-index:-1;background:linear-gradient(135deg,#073d35 0%,#0d6656 60%,#17816b 100%);height:310px;position:fixed;inset:0 0 auto}.app-shell{width:min(920px,100% - 32px);margin:0 auto;padding:58px 0 72px}.page-header{color:#fff;align-items:center;gap:22px;margin-bottom:34px;display:flex}.page-header h1,.qr-card h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08}.page-header p{color:#d3ebe4;margin:0;font-size:1.05rem}.brand-mark{color:#0b594b;background:#fff;border:1px solid #71b7a8;border-radius:20px;flex:0 0 68px;place-items:center;height:68px;font-size:1.35rem;font-weight:900;display:grid;box-shadow:0 12px 30px #052e2860}.eyebrow{color:#8ed2c3;letter-spacing:.18em;margin:0;font-size:.74rem;font-weight:800}.card{background:#fff;border:1px solid #dce9e4;border-radius:26px;box-shadow:0 24px 70px #17483b1a}.request-form{padding:clamp(24px,5vw,52px)}.form-section-heading{align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.form-section-heading>span{color:#0a6655;background:#e1f3ed;border-radius:13px;flex:0 0 42px;place-items:center;height:42px;font-size:.8rem;font-weight:850;display:grid}.form-section-heading h2{margin:0 0 4px;font-size:1.2rem}.form-section-heading p{color:#6a817b;margin:0;font-size:.9rem}.section-divider{background:#e5eeeb;height:1px;margin:38px 0}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.field>span,.checkbox-group legend{color:#294941;font-size:.9rem;font-weight:750}.field b{color:#d84a4a}.field em{color:#81938f;font-size:.76rem;font-style:normal;font-weight:500}input,select,textarea{color:#17352f;background:#fbfdfc;border:1px solid #cadbd5;border-radius:12px;outline:none;width:100%;padding:13px 15px;transition:border-color .2s,box-shadow .2s,background .2s}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{background:#fff;border-color:#16806b;box-shadow:0 0 0 4px #16806b16}[aria-invalid=true]{border-color:#d95555}.error{color:#c43f3f}.field-meta{color:#84958f;justify-content:space-between;display:flex}.people-field{max-width:220px}.checkbox-group{border:0;margin:4px 0 26px;padding:0}.checkbox-group>p{color:#71857f;margin:4px 0 13px;font-size:.82rem}.checkbox-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkbox-card{cursor:pointer;background:#fbfdfc;border:1px solid #d5e2de;border-radius:12px;align-items:center;gap:11px;min-height:50px;padding:10px 13px;display:flex}.checkbox-card:has(input:checked){background:#edf9f5;border-color:#27917b}.checkbox-card input{opacity:0;width:1px;height:1px;position:absolute}.custom-checkbox{color:#0000;background:#fff;border:1.5px solid #9cb2ab;border-radius:6px;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:900;display:grid}.checkbox-card input:checked+.custom-checkbox{color:#fff;background:#13715e;border-color:#13715e}.privacy-note{color:#52716a;background:#f0f7f4;border-radius:12px;align-items:center;gap:12px;margin:28px 0 20px;padding:14px 16px;display:flex}.privacy-note>span{color:#16806b;font-size:1.5rem}.privacy-note p{margin:0;font-size:.85rem}.button{border:0;border-radius:12px;min-height:48px;padding:12px 20px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:#0c6655;justify-content:center;gap:12px;width:100%;display:flex;box-shadow:0 10px 25px #0c66552b}.button-primary:hover{background:#084f43}.button-secondary{color:#0b5f50;background:#e5f4ef;width:100%}.button-ghost{color:#42635b;background:0 0;border:1px solid #d2e0dc;width:100%;margin-top:20px}.qr-screen{width:min(680px,100% - 32px)}.qr-card{text-align:center;padding:clamp(24px,5vw,46px)}.qr-card .eyebrow{color:#16806b}.qr-card h1{color:#143b32;font-size:clamp(1.8rem,5vw,2.7rem)}.screen-description{color:#667d77;max-width:520px;margin:0 auto 24px}.success-mark{color:#fff;background:#16806b;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 16px;font-weight:900;display:grid}.qr-player{max-width:500px;margin:0 auto}.qr-canvas-wrap{background:#fff;border:1px solid #d9e7e2;border-radius:20px;padding:12px;overflow:hidden;box-shadow:inset 0 0 0 6px #f2f7f5}.qr-canvas-wrap canvas{display:block;width:100%!important;height:auto!important}.player-status{color:#58736c;justify-content:space-between;margin:12px 2px 8px;font-size:.82rem;font-weight:700;display:flex}.frame-progress{background:#dce9e5;border-radius:999px;height:5px;margin-bottom:14px;overflow:hidden}.frame-progress span{border-radius:inherit;background:#16806b;height:100%;transition:width .15s linear;display:block}.request-summary{text-align:left;border:1px solid #dfebe7;border-radius:16px;grid-template-columns:1fr 1fr;margin:28px 0 0;display:grid}.request-summary div{padding:14px 16px}.request-summary div:nth-child(odd){border-right:1px solid #dfebe7}.request-summary div:nth-child(-n+2){border-bottom:1px solid #dfebe7}.request-summary dt{color:#7a8f89;font-size:.72rem}.request-summary dd{color:#26483f;margin:4px 0 0;font-weight:750}@media (width<=640px){body:before{height:270px}.app-shell{width:min(100% - 20px,920px);padding-top:34px}.page-header{align-items:flex-start;gap:14px}.brand-mark{border-radius:15px;flex-basis:52px;height:52px;font-size:1rem}.page-header h1{font-size:2rem}.page-header p{font-size:.9rem}.field-grid,.checkbox-grid{grid-template-columns:1fr;gap:0}.checkbox-grid{gap:9px}.people-field{max-width:none}.request-summary{grid-template-columns:1fr}.request-summary div{border-bottom:1px solid #dfebe7}.request-summary div:nth-child(odd){border-right:0}.request-summary div:last-child{border-bottom:0}}