*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#e7edf3;background:#0f172a}.s0{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.s1{display:flex;width:min(560px,92vw);border-radius:6px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.45)}.s2{flex:1;height:52px;border:1px solid #334155;border-right:0;background:#1e293b;color:#f1f5f9;font-size:19px;padding:0 18px;outline:0}.s2::placeholder{color:#7c8ba1}.s2:focus{border-color:#22d3ee}.s3{width:64px;height:52px;border:0;cursor:pointer;background:url("../img/lens.svg") center/22px 22px no-repeat #22d3ee}.s3:hover{background-color:#38dcf0}.s4{position:fixed;left:0;right:16px;bottom:12px;text-align:right;font-size:12px}.s4 a{color:#94a3b8;text-decoration:none}.s4 a:hover{color:#cbd5e1}.s4 span{color:#475569;margin:0 4px}