*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;font-family:Arial,Helvetica,sans-serif}body{background-color:#f4f6f8}.container{max-width:1140px;width:100%;margin:0 auto}.container-top{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:0 20px}.container-top h1{font-size:22px;font-weight:700}.container-top div{display:flex;gap:15px}button{border:none;padding:10px 22px;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s ease}button:hover{opacity:.85}button.login,button.signup{background-color:#000;color:#fff}.container-bottom{width:100%;display:flex;flex-direction:column;margin-top:80px}.container-bottom h2{text-align:center;font-size:20px;margin-bottom:20px}.container-bottom input{width:320px;margin:0 auto 15px;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}button.result{width:320px;margin:0 auto;background-color:green;color:#fff}.container img{display:block;max-width:600px;width:100%;margin:40px auto;border-radius:10px;box-shadow:0 10px 25px #00000026}