:root{font-family:system-ui,sans-serif;color:#193d32;background:#f6f4eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:20px;padding:30px 5vw;align-items:center}header strong{font-size:30px;letter-spacing:-1.5px}header span,.eyebrow{font-size:12px;letter-spacing:2px}main{max-width:1140px;margin:30px auto;padding:0 24px 80px}h1{font-size:clamp(34px,5vw,60px);letter-spacing:-2px;line-height:1.08;margin:16px 0}h2{font-size:26px}p{line-height:1.6;color:#606c61}.hero{max-width:760px}.card{background:#fffef9;border:1px solid #d9ddcf;border-radius:24px;padding:24px;margin:16px 0}.login{max-width:500px;margin:40px auto}label{display:block;margin-top:18px}input{display:block;width:100%;font:inherit;padding:15px;border:1px solid #b5bdaf;background:#f6f4eb;border-radius:12px;margin-top:8px}button,.download{display:inline-block;cursor:pointer;font:inherit;font-weight:600;border:1px solid #d9ddcf;padding:14px 20px;border-radius:14px;background:#193d32;color:#fffef9;text-decoration:none;min-height:48px}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fffef9;color:#193d32}.accent{background:#d7ee81;color:#193d32}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px}.devices .card{margin:0}.badge{font-size:13px;border-radius:20px;background:#eef0e5;padding:6px 12px;display:inline-block}.code{font-size:32px;letter-spacing:4px;color:#193d32;font-weight:700;overflow-wrap:anywhere}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}.gallery article{background:#fffef9;border:1px solid #d9ddcf;padding:12px;border-radius:20px}.gallery img,.gallery video{width:100%;height:240px;object-fit:contain;border-radius:12px;background:#e8eadf}.gallery p{font-size:14px;margin:8px 0}.gallery a{font-size:13px;padding:10px 12px}#notice{position:fixed;bottom:0;background:#193d32;color:white;padding:14px 24px;margin:0;width:100%;display:none}#notice:not(:empty){display:block}form button{width:100%;margin-top:24px}.danger{color:#903f2c}button:focus-visible,a:focus-visible{outline:3px solid #839c2d;outline-offset:4px}@media(prefers-reduced-motion:no-preference){.card,.hero{animation:appear .35s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(max-width:540px){header span{display:none}main{padding:0 18px 90px}.gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery img,.gallery video{height:180px}}
[hidden]{display:none!important}